자바스크립트의 Splice 메소드

안녕하세요 여러분 오늘은 자바스크립트 😎에서 스플라이스 배열 방법에 대해 토론해 보도록 하겠습니다.

시작하자...

splice() 란 무엇입니까?

splice 메서드는 배열의 모든 인덱스에서 요소를 모두 또는 원하는 수만큼 제거하고, 배열의 인덱스에 원하는 수의 요소를 삽입하고, 임의의 인덱스에 있는 요소를 원하는 수의 요소로 대체하는 데 사용됩니다.

가장 중요한 것은 원래 배열을 변경하므로 이 방법을 사용하는 동안 주의해야 한다는 것입니다.

몇 가지 예를 들어 설명하겠습니다.

구문 -

splice(startIndex,deleteNumber,item1,item2,.....itemN);

startIndex - 추가, 삭제, 교체를 위한 스플라이스 작업을 수행할 인덱스 번호입니다. 음수 인덱싱과 마찬가지로 음수일 수 있습니다.

deleteNumber - 2로 설정하면 startIndex를 포함하여 startIndex 번호에서 2개의 항목이 삭제되는 것처럼 삭제할 요소의 개수입니다.

항목 - 추가되거나 대체될 항목이며 숫자, 문자열, 배열, 부울, 개체 등이 될 수 있습니다.

예 1 -

const array1 = [1,2,3,4,5];

// remove all elements starting from index 2(inclusive)
const removeAll = array1.splice(2);

// output - [1,2]

예 2 -

const array1 = [1,2,3,4,5];

// remove two elements starting from index 1 (inclusive)
const removeTwo = array1.splice(1,2)

// output - [1,4,5]

예 3 -

const array1 = [1,2,3,4,5];

// remove 0 elements and insert two elements after index 2
const removeAndInsert = array1.splice(2,0,99,100)

// output - [1,2,99,100,3,4,5]

예 4 -

const array1 = [1,2,3,4,5];

// remove two elements and insert four elements after index 2
const removeTwoAndInsert = array1.splice(2,2,101,102,103,104);

// output - [1,2,101,102,103,104,5]

예 5 -

const array1 = [1,2,3,4,5];

// remove all elements from negative Index -2 means 2nd element from last
const negativeIndexing = array1.splice(-2)

// [1,2,3]

예 6 -

const array1 = [1,2,3,4,5];

// remove one element from negative Index -2 
// means 2nd element from last and insert 3 elements there
const negativeIndexingRemove = array1.splice(-2,1,10,11,12)

// output - [1,2,3,10,11,12,5]

예 7 -

const array1 = [1,2,3,4,5];

// insert anything at the end of the array
const anything = array1.splice(array1.length,0,"javascript",true,false,undefined,null,[6,7,8,9],{name:"shubham",age:21},[[10,11],[12,13]])

// output - [1,2,3,4,5,'javascript',true,false,undefined,null,
// [6,7,8,9],{name:"shubham",age:21},[[10,11],[12,13]]]

예 8 -

const array1 = [1,2,3,4,5];

// if we try to change the values inside function
// it will still change the original array 
const changeArray = (arr) => {
  return arr.splice(1,2)
}
changeArray(array1)

// output - [1,4,5]

이 게시물을 확인해 주셔서 감사합니다.

저에게 연락하실 수 있습니다 -
인스 타 그램 -
링크드인 -
이메일 - [email protected]

^^ 아래 링크에서 기부로 저를 도울 수 있습니다 감사합니다👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

이 게시물도 확인하십시오.