>  기사  >  웹 프론트엔드  >  JavaScript에서 배열 끝에 요소를 추가하는 방법은 무엇입니까?

JavaScript에서 배열 끝에 요소를 추가하는 방법은 무엇입니까?

青灯夜游
青灯夜游원래의
2021-10-20 17:49:5618267검색

메서드 추가: 1. push() 메서드 사용, "array.push(element 1, element 2,..., element X)" 구문 2. splice() 메서드 사용, 구문 "array.splice(arr. 길이,0,요소 1,...,요소 X)".

JavaScript에서 배열 끝에 요소를 추가하는 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서 배열 끝에 요소를 추가하는 메서드

1, push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환할 수 있습니다.

 1), 구문:

arrayObject.push(newelement1,newelement2,....,newelementX)
Parameters Description
newelement1 필수입니다. 배열에 추가할 첫 번째 요소입니다.
newelement2 선택사항. 배열에 추가할 두 번째 요소입니다.
newelementX 선택사항. 여러 요소를 추가할 수 있습니다.

 2), 반환 값:

  배열에 지정된 값을 추가한 후의 새로운 길이입니다.

  3) 설명:

  push() 메소드는 arrayObject의 끝에 매개변수를 순서대로 추가할 수 있습니다. 새 배열을 생성하는 대신 arrayObject를 직접 수정합니다.

 4), 예:

var arr = new Array(3)
arr[0] = "ZhangQian"
arr[1] = "LinFang"
arr[2] = "HaiKun"

console.log(arr);// ["ZhangQian","LinFang","HaiKun"]
console.log(arr.push("C"));// 4
console.log(arr);// ["ZhangQian","LinFang","HaiKun","C"]
console.log(arr.push("A","B"));// 6
console.log(arr);// ["ZhangQian","LinFang","HaiKun","A","B","C"]

2, splice() 메소드는 배열에 항목을 추가/제거한 다음 삭제된 항목을 반환합니다.

 1), 구문:

arrayObject.splice(index,howmany,item1,.....,itemX)
Parameters Description
index 필수입니다. 항목을 추가/제거할 위치를 지정하는 정수입니다. 배열 끝에서부터의 위치를 ​​지정하려면 음수를 사용합니다.
얼마나 필요합니다. 삭제할 항목 수입니다. 0으로 설정하면 항목이 삭제되지 않습니다.
item1, ..., itemX 선택 사항입니다. 배열에 새 항목이 추가되었습니다.

 2), 반환 값:

Type Description
Array 삭제된 항목이 포함된 새 배열입니다.

 3), 설명:

  splice() 메소드는 인덱스에서 시작하는 0개 이상의 요소를 삭제하고 이를 매개변수 목록에 선언된 하나 이상의 값으로 대체할 수 있습니다. 삭제된 요소입니다.

 arrayObject에서 요소가 삭제되면 삭제된 요소가 포함된 배열이 반환됩니다.

 splice() 메서드는 배열을 직접 수정합니다.

  4), 예:

var arr = ["A","ZhangQian","LinFang","HaiKun"];

arr.splice(1,0,"B","C");
console.log(arr);
arr.splice(arr.length,0,"D","C");
console.log(arr);

JavaScript에서 배열 끝에 요소를 추가하는 방법은 무엇입니까?

배열 끝에 요소를 추가하기 위해 splice() 메서드를 사용하려면 인덱스 값을 배열로 설정해야 합니다. 길이 값.

【추천 학습: javascript 고급 튜토리얼

위 내용은 JavaScript에서 배열 끝에 요소를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.