js 배열 프로토타입 방법 사용에 대한 자세한 설명

이번에는 js 배열 프로토타입 방법 사용에 대해 자세히 설명하겠습니다. js 배열 프로토타입 방법 사용 시 주의 사항은 무엇인가요? 실제 사례를 살펴보겠습니다.

push
는 원래 배열을 변경하고, 반환 값은 변경된 배열 길이입니다.

var arr = [1,2,3];
var length = arr.push(4,5)
console.log('length: ' + length + '  arr: ' + arr)
//     length: 5  arr: 1,2,3,4,5

pop
는 원래 배열을 변경하고, 반환 값은 pop 요소 값입니다. 배열이고 반환 값은 다음과 같습니다. 변경된 배열 길이

var arr = [1,2,3];
var val = arr.pop()
console.log('val: ' + val + '  arr: ' + arr)
// val: 3  arr: 1,2

shift
는 원래 배열을 변경하고, 반환 값은 이동된 요소 값입니다.

var arr = [1,2,3];
var length = arr.unshift('haha')
console.log('length : ' + length + '  arr: ' + arr)
// length : 4  arr: haha,1,2,3

concat
은 원래 배열을 변경하지 않습니다.

var arr = [1,2,3];
var val = arr.shift()
console.log('val: ' + val + '  arr: ' + arr)
// val: 1  arr: 2,3

reverse
는 원래 배열을 변경합니다. 반환 값은 원래 배열입니다.

var arr = [1,2,3];
var arr1 = arr.concat(['haha','hehe'])
console.log('arr : ' + arr + '  arr1: ' + arr1)
// arr : 1,2,3  arr1: 1,2,3,haha,hehe

slice(start, end)
원래 배열에서 일부 요소를 선택합니다(아래 첨자는 처음부터 끝까지-1까지의 요소임). 새로운 배열. 시작과 끝은 모두 음수일 수 있습니다. 규정은 배열의 끝부터 계산하는 것입니다. -1은 마지막 요소를 참조하고 -2는 두 번째에서 마지막 요소를 참조하는 방식으로 원래 배열은 변경되지 않습니다. 이며 반환 값은 새 배열입니다.

var arr = [1,2,3];
var arr1 = arr.reverse(); // [3,2,1]
console.log('arr: ' + arr + '   arr1: ' + arr1)
// arr: 3,2,1   arr1: 3,2,1

splice()

Delete

, 원래 배열을 삽입하고 교체하세요. 삭제된 항목으로 구성된 배열을 반환하면

원래 배열이 변경되며, 반환 값은 새로운 배열이 됩니다

// 有end
var arr = [1,2,3,4];
var arr1 = arr.slice(1,3); // 1：起始下标，3：结束下标
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2,3
// 无end，那么切分的数组包含从 start 到数组结束的所有元素
var arr = [1,2,3,4];
var arr1 = arr.slice(1); // 1：起始下标
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2,3,4
// end为负数
var arr = [1,2,3,4];
var arr1 = arr.slice(1, -2);
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2
// start为负数
var arr = [1,2,3,4];
var arr1 = arr.slice(-3, -2);
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2

이 글의 사례를 읽으신 후 방법을 익히셨을 거라 믿습니다. 더 흥미로운 정보는 다른 항목에 주목하시기 바랍니다. PHP 중국어 웹사이트에 관련 기사가 있습니다!
추천 자료:

avalon 프런트 엔드 프로젝트에서 구문 분석 사용

CSS를 사용하여 탁구 격투 애니메이션 구현

위 내용은 js 배열 프로토타입 방법 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!