[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 8강 (1)

배열 Array

오늘 내가 배운 것

배열의 선언 방법

1. new 키워드를 이용하는 방법

2. 대괄호 [ ]안에 데이터를 넣는 방법

 

배열에서 대괄호를 이용해서 데이터로 접근이 가능하다. fruits[    ]

오브젝트에서도 [‘key’] 를 쓰면 그 key에 상응하는 value 의 값을 얻을 수 있었다. 비슷하게 배열에서는 fruits[index] 를 사용하면 그 index에 해당하는 value를 얻을 수 있다.

할당되어 있지 않은 index를 이용하여 접근하게 되면 undefined 으로 출력된다.

보통 배열의 처음은 0으로 작성하고 배열의 마지막은 [배열.length - 1] 로 작성한다.

Ex) 

console.log(fruits[0]);

console.log(fruits[fruits.length - 1 ]);

 

forEach() 문

1. 함수로 value, index, array를 전달할 수 있다.

 

2. arr.forEach(function(value, index, array));

   value, index, array는 필요에 따라 쓸 수 있다.

 

3. function의 이름이 없는 annoymous function은 arrow function (  => )  를 이용해서 작성할 수 있다.

    arrow function에서 한 줄만 있는 간단한 식은 괄호를 생략하여 한 줄에 이어서 쓸 수 있다.

 

 

 

---

동영상 보면서 따라 적어보기

'use strict';

//Array

// 1. Declaration (선언)
const arr1 = new Array();
const arr2 = [1, 2];

// 2. Index position
const fruits = ['🍎', '🍌'];
console.log(fruits);
console.log(fruits.length);
console.log(fruits[0]);
console.log(fruits[fruits.length - 1]);


console.clear();
// 3. Looping over an array
// print all fruits 
// a. for
for ( let i = 0; i < fruits.length ; i++){
    console.log(fruits[i]);
}

//b. for of
for (let fruit of fruits) {
    console.log(fruit);
}

//c. forEach
fruits.forEach(function(fruit, index){
    console.log(fruit,index);
});
// c-1. //function의 이름이 없는 annoymous function 은 => arrow function을  사용할 수있다.,
fruits.forEach((fruit, index)=> {
    console.log(fruit, index);
});
// c-2 // arrow function에서 한줄만 있는 간단한 식에서는 괄호를 생략하고 한줄로 이어 쓸 수 있다.
fruits.forEach((fruit, index) => console.log(fruit, index));