요소 교체 및 추가는의 가장 중요한 측면 중 하나입니다. . 이 기사에서는 다음과 같은 방식으로 자바 스크립트의 Splice method ()를 이해합니다.
JavaScript에서 Splice Method () 란 무엇입니까?
JavaScript의 splice () 메서드는 기존 요소를 제거하거나 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.
통사론
array.splice (index, howMany, [element1] [, ..., elementN])
Array.splice (index, remove_count, item_list)
JavaScript의 Splice Method () 매개 변수
이 메소드는 많은 매개 변수를 허용하며 그 중 일부는 아래에 설명되어 있습니다.
인덱스: 필수 매개 변수입니다. 이 매개 변수는 배열 수정을 시작하는 인덱스입니다 (원점은 0). 이것은 또한 음수가 될 수 있으며, 끝에서 세는 많은 요소 이후에 시작됩니다.
remove_count : 시작 인덱스에서 제거 할 요소의 수입니다.
프로그래밍 언어입니다
items_list : 시작 색인에서 삽입 될 쉼표 연산자로 구분 된 새 항목 목록입니다.
반환 값 : 원래 배열을 제자리에서 변경하는 동안 제거 된 항목 목록을 반환합니다. 제거 된 배열이없는 경우 빈 배열을 반환합니다.
예제 코드
예 1 :
버튼을 클릭하여 요소를 추가 및 제거합니다.
시도 해봐
var fruits = [ '바나나', '오렌지', '사과', '망고']
document.getElementById ( 'demo'). innerHTML = 과일
function myFunction () {
fruits.splice (2, 1, '레몬', '키위')
document.getElementById ( 'demo'). innerHTML = 과일
}
자바 스크립트로 경고를 작성하는 방법
자바와 클래스의 차이점
예 2 :
다른 요소를 제거하면서 기존 배열에 요소를 추가합니다.
var arr = [ 'Monday', 'Tuesday', 'Saturday', 'Sunday', 'Thursday', 'Friday']
var result = arr.splice (2,2, '수요일')
document.writeln ( '업데이트 된 배열 :'+ arr + '
')document.writeln ( '제거 된 요소 :'+ result)
예 3 :
다른 요소를 제거하면서 기존 배열에 요소를 추가합니다.
var arr = [ 'Monday', 'Tuesday', 'Saturday', 'Sunday', 'Thursday', 'Friday']
var 결과 = arr.splice (2)
document.writeln ( '업데이트 된 배열 :'+ arr + '
')document.writeln ( '제거 된 요소 :'+ result)
이것으로, 우리는 자바 스크립트 기사에서이 Splice method ()의 끝으로 왔습니다. splice method () 사용 방법을 이해 하셨기를 바랍니다.
확인 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.
질문이 있으십니까? 이 기사의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.