JavaScript

[JavaScript] 배열 선언, 추가, 삭제

yebeen 2022. 11. 21. 09:56

[ 배열 선언 ] 

같은 데이터타입이 아니거나 변수 이름 자체여도 가능

const name = "yebeen";
const array = [3,"hi",name];

//yebeen 출력
console.log(array[2]);

 

 

[ 배열 추가 ] 

배열의 맨 끝에 값 삽입하기 - .push();

const name ="yebeen";
const array = [3,"hi",name];
array.push("bye");
// array -> [3,"hi",name,"bye"]

 

배열의 맨 앞에 값 삽입하기 - .unshift()

const name ="yebeen";
const array = [3,"hi",name];
array.unshift("bye");
// array -> ["bye",3,"hi",name]

 

배열의 원하는 인덱스에 값 삽입 - .splice(index, 0, 요소1, 요소2, ⋯)

const name ="yebeen";
const array = [3,"hi",name];
array.splice(1,0,"bye",10);
// array -> [3,"bye",10,"hi",name]

 

배열의 인덱스로 접근하여 값 삽입(함수사용x)

const name = "yebeen";
const array = [3,"hi",name];

array[6] = "bye";

//array[4],array[5]는 undefined 상태
//array -> [3,"hi",name,undefined,undefined,"bye"]

 

 

[ 배열 삭제 ]

배열의 맨 끝 요소 제거 및 리턴 - .pop() 

const name = "yebeen";
const array = [3,"hi",name];

array.pop();
//array -> [3,"hi"]

 

배열의 맨 첫번째 요소 제거 및 리턴 - .shift()

const name = "yebeen";
const array = [3,"hi",name];

array.shift();
//array -> ["hi",name]

 

배열의 원하는 요소 제거 및 리턴 - .splice(index, 개수)

const name = "yebeen";
const array = [3,"hi",name];

//index 0부터 2개의 요소 삭제
array.splice(0,2)
//array -> [name]

 

배열의 길이를 줄여 요소 삭제

const name = "yebeen";
const array = [3,"hi",name];

array.length = array.length-1
//배열의 길이가 1 줄어 맨 마지막 요소는 삭제된다.