본문 바로가기
tech

JS에서 array, objects

2024. 10. 14.

1. 데이터 구조 중 제일 쉽고 빠르게 배울 수 있는 게 array(배열) : Reorganize values inside of a list

 

2. Data types를 효율적으로 list하고 group하는 방법이 필요하다, 그래서 array가 등장

 

3. Array는 대괄호 안에 항목들을 쉼표로 구분하여 넣어주면 생긴다

Const mon = "mon"

Const tue = "tue"

쭉 해주고

Const daysOfWeek = [mon, tue, wed, thu, fri, sat, sun];

Console.log(daysOfWeek);

 

4. Array 대괄호 안의 값은 number, string, Boolean, null, undefined 뭐든 넣어도 된다 

 

5. Array 안에서 몇번째 값을 찾으려면? 해당 변수명을 적어주고 대괄호 안에 숫자 넣으면 된다 

Console.log(daysOfWeek[5]);

이렇게 하면 된다 

 

6. 그런데 대괄호 안에 [5]라고 하면 6번째 값을 얻는다! 컴퓨터는 0부터 숫자를 세기 때문이다!

 

7. 자바스크립트 주석은 // 치고 쓰면 된다 

 

8. Array는 기본적으로 생물이다, array에 값 추가하려면 push한다 (이건 function이라고 한다 뒤에서 나온다) 

DaysOfWeek.push(sun)

 

9. array 안의 element 개수를 초과하는 숫자를 치면? undefined가 뜬다, 왜? 해당 값이 없다는 뜻이다 

 

10.  object를 쓸 땐 중괄호를 쓴다, 변수의 하위속성을 줄 때 쓰기 좋다 

const player = {

   name: "nico",

   points: 10, 

   fat: true, 

};

console.log(player);

console.log(player.name);

 

11. 이렇게 해도 동일하다

console.log(player["name"]);

 

12. 이후에 업데이트도 가능하다 

const player = {

   name: "nico",

   points: 10, 

   fat: true, 

};

console.log(player);

player.fat = false;

console.log(player);

 

const 자체를 업데이트 하려고 하면 오류가 나지만, 

const 안의 뭔가를 업데이트 하는 건 가능하다 

 

13. 그리고 없는 property를 생성하는 것도 업데이트 방식으로 가능하다

player.lastName = "potato";

 

14. object는 의미를 줘야하기 때문에 유용하다, array로는 이게 불가능하다 

 

15. 이렇게도 업데이트 가능하다 

player.points = player.points + 15

 

 

댓글