자바스크립트 배열 접합() 메소드는 기존 요소를 제거 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경하는 데 사용되는 JavaScript의 내장 메소드입니다. 원래 배열을 수정하고 제거된 요소의 배열을 반환합니다.

배열 접합() 구문:

Array.splice( index, remove_count, item_list )>

• 색인: 필수 매개변수입니다. 이 매개변수는 배열 수정이 시작되는 인덱스입니다(원점은 0임). 이는 음수일 수도 있으며, 끝에서부터 계산되는 많은 요소 이후에 시작됩니다.
• 제거_횟수: 시작 인덱스에서 제거할 요소 수입니다.
• 항목_목록: 시작 인덱스에 삽입될 쉼표 연산자로 구분된 새 항목 목록입니다.

반환 값

원래 배열을 변경하는 동안에도 제거된 항목 목록을 반환합니다. 제거된 배열이 없는 경우 빈 배열을 반환합니다.

배열 스플라이스() 예

다음은 Array splice() 메소드의 기본 예입니다.

let webDvlop = ['HTML', 'CSS', 'JS', 'Bootstrap']; console.log(webDvlop); // Add 'React_Native' and 'Php' after removing 'JS'. let removed = webDvlop.splice(2, 1, 'PHP', 'React_Native') console.log(webDvlop); console.log(removed); // No Removing only Insertion from 2nd  // index from the ending webDvlop.splice(-2, 0, 'React') console.log(webDvlop)>

[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>

설명:

이 JavaScript 코드는 'webDvlop' 배열을 조작하는 방법을 보여줍니다. 처음에는 배열 내용을 기록합니다. 그런 다음 인덱스 2에서 JS를 제거하고 그 자리에 PHP와 React_Native를 삽입하여 수정된 배열과 제거된 요소를 기록합니다. 마지막으로 마지막에서 두 번째 인덱스에 React를 삽입하여 최종 배열을 로깅합니다.

배열 스플라이스() 예

다음은 Array splice() 메서드의 또 다른 예입니다.

let languages = ['C++', 'Java', 'Html', 'Python', 'C']; console.log(languages); // Add 'Julia' and 'Php' after removing 'Html'. let removed = languages.splice(2, 1, 'Julia', 'Php') console.log(languages); console.log(removed); // No Removing only Insertion from 2nd index from the ending languages.splice(-2, 0, 'Pascal') console.log(languages)>

[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>

설명:

이 JavaScript 코드는 '언어' 배열에서 작동합니다. 처음에는 배열 내용을 기록합니다. 그런 다음 인덱스 2에서 Html을 제거하고 그 자리에 Julia와 Php를 삽입하여 수정된 배열과 제거된 요소를 기록합니다. 마지막으로 마지막에서 두 번째 인덱스에 Pascal을 삽입하여 최종 배열을 기록합니다.

우리는 Javascript Array 메소드의 전체 목록을 가지고 있습니다. 이를 확인하려면 다음을 수행하십시오. 자바스크립트 배열 전체 참조 기사.

지원되는 브라우저:

• 구글 크롬
• 가장자리
• 인터넷 익스플로러
• 파이어폭스
• 오페라
• 원정 여행