array & 반복문(for ... of, for ... in)

배열 (array)

인덱스는 0부터 시작한다.

array를 구성하는 요소의 타입 제한이 없다.

 

const array = [1, 2, 3, 4, 5];
console.log(array);

const array2 = [1, "후딘", { type: "esper" }];
console.log(array2[2]);

const objects = [{ name: "슈슈" }, { name: "두부" }, { name: "산이" }];
console.log(objects[0]);
console.log(objects[1]);
console.log(objects[2]);
console.log(objects[3]); // undefined

 

 

push & length

push - 배열에 새로운 항목을 추가

length - 배열의 길이를 알려줌.

const objects = [{ name: "슈슈" }, { name: "두부" }, { name: "송이" }];

// 배열에 새로운 항목을 추가
objects.push({ name: "하키솜" }); // 인덱스 3번에 추가.
console.log(objects);

let obj_len = objects.length;
console.log(obj_len);

// 배열 안에 배열도 가능하다.
const array3 = [1, true, { a: 1 }, [2, 4, 5, 6], 'abra'];
array3.push(6);	
console.log(array3); // [1, true, { a: 1 }, [2, 4, 5, 6], 'abra', 6]
console.log(array3.length);

 

 

반복문  - for문

// 반복문
for (let i = 0; i < 10; i++) {
  console.log(i);
}

for (let i = 10; i > 0; i--) {
  console.log(i);
}

for (let i = 10; i >= 0; i -= 2) {
  console.log(i);
}

 

const names = ["후딘", "캐이시", "한카리아스", "루기아", "꼬부기"];

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

 

 

반복문 - for...of 와 for ... in

for ... of  - 배열안에 있는 값을 불러와서 사용.

const numbers = [10, 20, 30 ,40 ,50];

for ( let num of numbers ) {
  console.log(num);
}

 

 

객체의 key 과 value 그리고 (key, value) 쌍 엔트리를 나타내기

const dogs = {
  name: "슈슈",
  age: 15,
  type: "슈나우저"
};

// key
console.log(Object.keys(dogs));

// value
console.log(Object.values(dogs));

//entry (key, value)
console.log(Object.entries(dogs));

 

 

 

for ... in - 반복문을 통해 객체의 key와 value 값을 나타낼 수있다.

for (let key in dogs) {
  console.log(key);
  console.log(`${key} => ${dogs[key]}`);
}