💡하기전에

배열에 요소를 추가 앞,뒤,중간 추가하는방법을 싹다 배워보자
배우면 언젠가 쓰겠지 뭐~

💡코드

let arr1 = [10,20];
arr1[2] = 30;
// [10,20,30]

arr[4] = 50;
//[10,20,30,empty,50] 콘솔에서는 undefined는 empty로 표시
// 사용시 주의

arr1[arr1.length] = 60; 가장뒤에 요소에추가

arr1[3] = 30; // 특정 요소의 값 변경

.join()
배열의 모든요소를 연결 하나의문자열로 만듬

let arr1 = [10,20,30,40];
console.log(arr1.join());
//10,20,30,40

.push()
가장 뒤에 새로운 요소를 하나이상추가

let arr = [10,20];
arr.push(30);// 뒤에 새로운 요소를 하나 이상 추가하고 길이 반환
console.log(arr.join());
//10,20,30

.unshift()
가장앞에 새로운 요소 추가

let arr3 = [30,40];
let len = arr3.unshift(10,20);
// 앞에 새로운 요소를 하나 이상 
//추가하고 길이 반환
console.log(arr3.join());//10,20,30,40

.splice()
배열 위치에 따라 삭제와 요소 추가

// splice(start,[deleteCount[,item1,item2]])
// start: 변경을 시작할 배열 위치
// deleteCount : start 부터 deleteCount 갯수만큼 원소 삭제

let arr = [10,20,30];


// 가장 앞에 추가
// item start 인덱스에 item 추가
arr.splice(0,0,'a','b');
console.log(arr.join());//'a','b',10,20,30

// 가장 뒤에 추가
// item start 인덱스에 item 추가
arr.splice(arr.length,0,'a','b');
console.log(arr.join());//10,20,30'a','b'

// 중간에 추가
// item start 인덱스에 item 추가
arr.splice(1,0,'a','b');
console.log(arr.join());//10,'a','b',20,30

💡하면서

push()만 알고있었는데 엄청 많구나 특히 중간에 추가할수있는
splice()를 몰라서 항상 배열을 자르고 넣고 다시 붙이고 했는데 조금만 일찍 이렇게 정리해볼껄

💡마치며

삼겹살 추가 말고 배열 요소 추가 좀 신경쓰자!!!