Jieunny의 블로그

Unit 8. [JS]배열 본문

CodeStates/learning contents

Unit 8. [JS]배열

Jieunny 2022. 12. 22. 11:22

📣 배열

✔️ 순서가 있는 값

✔️ 값 하나하나는 요소(element) 

✔️ 순서는 인덱스(index) : 0부터 번호를 매김.

✔️ 각각의 원소는 ' , ' 로 구분해줌.  

 

 

📣 배열 관련 메소드

➰ .length : 배열 길이 구하기

 

➰ .push(value) : 배열 끝에 value 값 추가하기

 

➰ .pop() : 배열 마지막 값 삭제하기

 

➰ Array.isArray()로 배열인지 판별 : typeof 배열 하면 object 나옴.

 

console.table(array) : (index), (Value) 테이블로 출력

 

➰ .indexOf(element) : array에서 element가 위치하는 인덱스 출력 (element가 없으면 -1 리턴)

🚨 1차원 배열만 가능! 다차원 배열은 indexOf 사용하면 원하는 값 나오지 않음.

🚨 array.indexOf(element, start) 처럼 start에 탐색을 시작할 위치를 지정할 수도 있음.

 

➰ .includes(element) : element가 array에 존재하는지 true or false 반환

🚨 1차원 배열만 가능! 다차원 배열은 indexOf 사용하면 원하는 값 나오지 않음.

🚨 array.indexOf(element, start) 처럼 start에 탐색을 시작할 위치를 지정할 수도 있음.

 

➰ .split(str) : 문자열을 str을 기준으로 나눠서 배열로 리턴

 

➰ .shift() : 배열의 맨 앞의 값을 삭제하고 삭제된 값 리턴

 

➰ .unshift(value) : 배열의 맨 앞에 value를 추가

 

➰ arr1.concat(arr2) : arr1 과 arr2 가 합쳐진 새로운 배열을 리턴

🚨 arr1 과 arr2 의 타입이 달라도 된다. (문자열 + 배열, 배열 + 배열, 문자열 + 문자열 가능)

 

➰ .slice(start, end) : 배열을 start 부터 end 전까지 잘라서 새로운 배열을 리턴

🚨 start, end 지정 안해주면 0, arr.length 까지

 

➰ .splice(start, count) : 배열에서 start 부터 count 개수만큼 삭제하고 제거한 요소를 담은 배열 리턴

 

➰ .join('separator') : 배열 사이에 separator를 넣어서 합친 후 문자열로 리턴

🚨 separator 지정 안해주면 ' , ' 로 함.

let myNumber = [1, 2, 3, 4, 5];
myNumber[0];	// 1
myNumber[3] = 0;	// 4가 0으로 바뀜.
myNumber[5];	// undefined

let myNumber2 = [[1,2], [3,4], [5,6]];
myNumber2[0];	// [1,2]
myNumber2[1][1];	// 4

typeof myNumber2; 	// undefined

myNumber.indexOf(2);	// 3
myNumber.includes(3);	// true