반응형
📝splice
/** (1) remove **/
let arr = [1, 2, 3, 4, 5];
arr.splice(1,2);
console.log(arr); // [1, 4, 5]
/** (2) replace **/
let arr2 = [1, 2, 3, 4, 5];
let result = arr2.splice(1, 3, 100, 200); // 1번째 인덱스에서 3개를 지우고 100, 200을 추가
console.log(arr2); // [1, 100, 200, 5]
console.log(result); // [2, 3, 4]
/** (3) insert **/
let arr3 = ["나는", "철수", "입니다"];
arr3.splice(1, 0, "대한민국", "소방관"); // 삭제 없이 1번째 인덱스 앞에 추가가 된다
console.log(arr3); // [ '나는', '대한민국', '소방관', '철수', '입니다' ]splice함수는 배열 삭제, 추가, 업데이트가 가능하고 여러가지 파라미터를 가질 수 있습니다
- (1)과 같이 1번째 인덱스 부터 2개를 삭제할 수 있습니다
- (2)와 같이 1번째 인덱스로부터 3개를 삭제한 위치에 데이터를 넣을 수도 있습니다
- (3)와 같이 따로 삭제는 안 하고 1번째 인덱스 앞에 배열을 추가할 수도 있습니다
📝indexOf, lastIndexOf
let arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(1)); // 0 // 1을 찾는다
console.log(arr.indexOf(3, 2)); // 2 // 2번째 인덱스 부터 3을 찾는다
console.log(arr.indexOf(5, 3)); // 4 // 2번째 인덱스 부터 3을 찾는다
console.log(arr.lastIndexOf(5, 3)); // -1 // 5를 3번째 인덱스부터 앞으로가며 찾는다indexOf로 찾고자 하는 요소의 인덱스값을 반환 받을 수 있습니다 만약 없으면 -1을 반환합니다
lastIndexOf도 indexOf처럼 찾는 요소의 인덱스 값을 찾는데 뒤에서 부터 찾습니다
🔗 참고 및 출처
https://www.youtube.com/watch?v=G360D6lqrfo&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4&index=6
https://www.youtube.com/watch?v=pJzO6O-aWew&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4&index=7
반응형