JavaScript* 배열 (array) 요소 복사 및 삭제, 삽입

 

예제 코드

let foodList = ['닭꼬치', '볶음밥', '짜장면', '족발'] 

// indexOf(): 배열의 특정 요소(데이터)가 "몇번 인덱스에" 있는지 알려줌
let target = '짜장면';

let index =foodList.indexOf(target);
console.log(`index: ${index}`);

for (let i = 0; i < foodList.length; i++) {
  if (target === foodList[i]) {
    index = i; 
    break;
  }
}
// include() : 특정 데이터가 "있는지 없는지" 논리로 확인

let flag = foodList.includes('족발');
console.log(`flag: ${flag}`);

// slice(): 배열을 원하는 범위만큼 분할
let sliced = foodList.slice(1, 3);
console.log(sliced);

let sliced2 = foodList.slice(3);
console.log(sliced2);

let sliced3 = foodList.slice();
console.log(sliced3);

// slice를 해도 복사본에서 추출을 하는 개념이라 원본은 변하지 않음
console.log(foodList);

// reverse(): 배열을 역정렬
// 원본이 변경됨
console.log('===========================');





let nums = [10, 20 , 30 ,40 ,50];

let numsCopy = nums.slice(); // 카피본 생성


numsCopy.reverse();
console.log(nums);
console.log(numsCopy);
// 데이터 추가수정을 할때는 원본에 하지 않고 안전하게 카피본에다 하도록한다.




// concat() : 배열을 결합한 '사본'을 갖다줌
console.log('==========================');
let arr1 = [10, 20, 30 ];
let arr2 = [99, 999];

let concated = arr1.concat(arr2);
console.log(concated);

// splice() : 배열의 삭제 및 삽입, 원본에서 삭제 삽입을 진행하므로 원본이 손상됨
console.log('=========================')

console.log(foodList);

foodList.splice(1, 2);

console.log(foodList);

foodList.splice(0,1, '파스타', '보쌈');

console.log(foodList);

foodList.splice(2, 0, '마라탕');
console.log(foodList);

foodList.splice(2); // 2번부터 끝까지 싹지워
console.log(foodList);

 

 

IndexOf로 특정해주고

includes로 확인해주고 

 

splice(2, 0 , 'some') 이면 0,1,2 중 2번에 해당하는 요소를 (인덱스면 인덱스) 지정해서 0, 아무것도 삭제않는다

1은 해당 요소만 삭제. 2는 다음것도. some은 삭제하고 some을 추가하라는