Section1 Unit8 JavaScript 배열

---

Section1 Unit8 [JavaScript] 배열, 객체 - 배열

 

📌 Chapter1. 배열

• 배열은 이름과 인덱스로 참조되는 정렬된 값의 집합으로, 하나의 변수에 여러 개의 데이터를 저장할 수 있다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다.

// 배열 선언
let myNumber = [7, 45, 34, 123, 3];

// 배열 조회 
myNumber[3] // 123 값을 조회.
myNumber[3] = 200; // 값을 변경
myNumber[5] // undefined

myNumber.length // 5

 

 

• console.table() 표 형식의 데이터를 테이블로 표시한다.

→ 이렇게 출력할 수 있는건 몰랐는데, 신기했다!

 

 

Array 메서드

• Array.isArray() 배열인지 아닌지 판별

let words = ["하늘", "별", "구름"];

typeof words; // object → 배열은 object로 타입이 표기된다.

Array.isArray(words) // true
Array.isArray([]); // true

 

 

• push() pop() shift() unshift() 배열 요소 추가와 삭제

let arr = ["code", "states"];

arr.push('pre'); // [ 'code', 'states', 'pre' ] 
arr.pop(); // [ 'code' ]

arr.shift(); // [ 'states' ]
arr.unshift("creative") // [ 'creative', 'code', 'states' ]

 

 

• indexOf includes 특정 값이 배열에 포함되어 있는지 확인

let words = ["sky", "cloud", "star"];

words.indexOf("cloud"); // 1 일치하는게 있다면 인덱스를 반환
words.indexOf("sun"); // -1 일치하는게 없는 경우 -1을 반환

words.includes("sky"); // true
words.includes("sun"); // false

 

 배열은 다른 방법으로도 생성할 수 있어 설명할 것도 많고, 관련 메서드들도 많다. 오늘은 학습자료에서 배운것 위주로 간단하게 정리했지만, 다양한 배열 메서드들을 활용할 수 있도록 좀 더 공부를 해봐야겠다 😊

 

---

🌙  오늘의 회고

 자바스크립트의 배열을 학습했다. 시간이 지날수록 라이브 세션의 내용이 더 재미있고, 유익해지는 것 같다는 생각이 들었다. 그런데 역시 몇주동안 하루종일 컴퓨터 앞에만 앉아서 공부를 하니 너무 피곤한건 어쩔수 없나보다. 수업 마치고 잠깐 산책이나 갈까 했는데, 비가 오네… 😢 5분 정도 멍하니 바람만 쐬다가 다시 들어왔다.

 몸도 안좋고, 피곤해서 그런지 한 달 전 부트캠프 시작하기 전에 2주 동안 베트남 여행을 다녀온게 생각이 났다. 코로나 때문에 여행병 나서 여행가고 싶다 노래만 부르다가 3년만에 드디어 탑승한 ✈️ 국제선 비행기에, 나름 긴 여행이었는데! 사진을 보고 있으니 또 가고 싶어졌다. 열심히 공부해서 취업하고, 열심히 돈 벌어서 여행다녀야지. 한동안은 이런 생각으로 시너지를 얻어 공부를 더 열심히 하겠지, 아마도…?

 오늘은 엉뚱한 곳으로 튀어버린 회고 ~.~

 여튼 아직까지는 너무 재미있고, 앞으로는 더 유익할 것이라는 사실. 화이팅 🖐🏻