- 배열(array)이란 무엇일까?
연관되어 있는 데이터를 모아서 하나의 통으로 관리하기 위해서 사용하는 데이터 타입(복수의 데이터를 하나의 변수에 저장하기 위함)
- 배열(array) 선언 방법
let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바']; console.log(여름음식) --- [냉면, 콩국수, 수박, 오이냉국, 메밀소바]
-
여름음식
이라는 변수에냉면
,콩국수
,수박
,오이냉국
,메밀소바
를 묶어 하나의 변수로 만들어 보았다.😉😉
-여름음식
에는 배열의 순서(index)가 있다. 총 5개의 데이터로 구성되어 있지만 순서는0~4
까지 이며냉면
~메밀소바
까지의 순서로 이해하면 된다.
👉0번 인덱스
=냉면
4번 인덱스
=메밀소바
- 배열의(array) 요소
(1) 요소 접근let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바']; let 지금가장먹고싶은것 = 여름음식[2] console.log(지금가장먹고싶은것) === "수박"
👉
2번 인덱스
=수박
(2) 요소의 수정let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바']; 여름음식[3] = '팥빙수' console.log(여름음식) === ['냉면', '콩국수', '수박', '팥빙수', '메밀소바']
👉
3번 인덱스
=오이냉국
→팥빙수
(3) 요소의 추가let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바']; 여름음식.push('수박화채') console.log(여름음식) === ["냉면", "콩국수", "수박", "오이냉국", "메밀소바", "수박화채"]
👉
5번 인덱스
=수박화채가 추가되었다.
(4) 요소의 삭제let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바']; 여름음식.pop() // 가장 뒤에 있는 글자부터 삭제가 된다. 여름음식.shift() // 가장 앞에 있는 글자부터 삭제가 된다.
👉
이외에도 여러가지가 있으니 찾아보고 보충할 수 있도록 하자
- 배열의 길이구하기
let 여름음식 = ['냉면','콩국수','수박','오이냉국','메밀소바']; console.log(여름음식.length) === 5
👉
변수.length = 배열의 길이
- 중첩배열
let 여름음식 = ['냉면','콩국수','수박',['삼계탕','참외','멜론'],'오이냉국','메밀소바']; console.log(여름음식) === ["냉면", "콩국수", "수박", ["삼계탕", "참외", "멜론"], "오이냉국", "메밀소바"]
🏆여기서 Quiz 🏆
Q. 3번 인덱스의 값은? A : ["삼계탕", "참외", "멜론"]
- slice 메서드
- slice 메서드의 특징
- 배열 내의 특정한 요소의 index 범위에 따라 새로운 배열을 리턴한다.
- 원본 배열을 변형시키지 않는다.(splice와 반대되는 개념)
- 새로운 변수를 선언해야 한다.- 선언 예시
let nums = [1,2,3,4,5] let nums_new = nums.slice(1,4) → 2,3,4 출력
음수일 경우 let nums = [1,2,3,4,5] let nums_new = nums.slice(-2) → 뒤에서부터 2개 나옴
오늘도 하나의 기술로그를 작성해냈다!!💪💪💪💪
오늘은 배열과 반복문에 대해서 공부를 했지만, 모든 내용을 이해하진 못했기 때문에, 사전스터디 키워드 1번을 작성해 보는 것으로 하고 나름대로 내용 작성을 위해 노력했다.🙏
오늘보다 내일이 더 발전된 모습을 만들 수 있도록 꾸준하게 노력해야겠다. 오늘은 여기까지!👍👍