#React탐라 헤르미온느 2일차 #반복문

최민재·2023년 4월 5일
0

React 탐라 스터디

목록 보기
5/10

반복문

프로그래밍은 조건과 반복에 의해 움직인다 라고 할 정도...로 중요...

반복문 화이팅.

반복문은 특정 명령을 반복해서 수행하도록 ..도와준다...

for 반복문

for (let i =1; i <= 10 ; i++ ) { 
  //반복 수행할 명령
  console.log("minjae");
}

초기식 let i = 1
조건식 i <= 10
연산식 i++
.

for 문의 배열 순회

for 문은 배열을 순회할 때 (한번씩 접근) 유용

const arr = ["a", "b", "c"]

for (let i =0; i < arr.length; i++ ) {
	console.log(arr[i]);

for 문의 객체 순회

let person = {
name: "minjae",
age: 30
tall: 165
};

배열로 반환시키는 객체의 내장함수

이 객체에서 key값들만을 뽑아서 배열로 반환시키는 객체의 내장함수를 사용해보자

let person = {
	name: "minjae",
    age: 30
    tall: 165
};

const personKeys = Object.keys(person);
console.log( personKeys );

< ["name","age","tall"]


for (let i =0; i < personKeys.length; i++ ) {
	console.log( personKeys[i] );

<
name
age
tall
const personKeys = Object.keys(person);

//Object.keys라는 내장함수를 사용하면 
//person객체 안에 있는 key 값들을 순서대로 배열로 반환받을 수 있다 

for (let i =0; i < personKeys.length; i++ ) {
	const curKey = personKey[i];
    const curValue = person[curkey]  //key를 통해 value에 접근 
    
    console.log( `${curkey} : ${curValue}`);
}

< name : minjae
 age : 30
 tall : 165
  • const personValues = Object.Values(person); // 요것도 가능
profile
최코딩 블로그

0개의 댓글

관련 채용 정보