> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 배열 함수 unshift, shift, pop, push 사용법 예제_javascript 기술

JavaScript 배열 함수 unshift, shift, pop, push 사용법 예제_javascript 기술

WBOY
풀어 주다: 2016-05-16 16:38:35
원래의
2125명이 탐색했습니다.

배열 선언 방법

의 배열 선언은 여러 가지 방법으로 선언할 수 있습니다

코드 복사 코드는 다음과 같습니다.

var tmp = []; // 약어 모드
var tmp = new Array(); // 직접 새로운 Array 생성
var tmp = Array(); // 또는 new를 사용할 수도 있습니다

새 배열을 생성할 때 배열의 초기화 길이를 나타내는 매개변수를 전달할 수 있습니다
코드 복사 코드는 다음과 같습니다.

// 새로운 경우 초기화된 배열의 길이를 나타내는 매개변수가 전달됩니다.
var tmp = 새로운 배열(3)

경고(tmp.length); // 3

그러나 하나의 요소 3만 있는 배열을 생성하려는 경우 새 방법을 사용하여 이를 달성할 수 없습니다. 시스템은 따옴표를 사용하여 배열의 길이로 처리하지 않는 한 전달한 3을 배열의 길이로 처리하기 때문입니다. 문자열(예:
)
코드 복사 코드는 다음과 같습니다.

var tmp = 새로운 배열('3')
경고(tmp); // 3

단축 모드를 사용하여 배열을 만들 수 있습니다. 이를 통해 단 하나의 숫자 요소인 3
으로 배열을 만들 수 있습니다.
코드 복사 코드는 다음과 같습니다.

var tmp = [3]
Alert(typeof tmp[0]); // 숫자

여러 요소를 초기화할 수도 있으며 요소의 값은 모든 유형이 될 수 있습니다
코드 복사 코드는 다음과 같습니다.

// 단순 모드에서는 배열을 생성합니다
// 배열의 요소는 모든 데이터 유형이 될 수 있습니다.
var tmp = [3,true,8.5,{'name':'lizhong'},['a','b']];
경고(tmp.length); // 5

1. unshift 배열의 첫 번째 요소 앞에 요소를 삽입합니다.

코드 복사 코드는 다음과 같습니다.

// 배열의 첫 번째 요소 앞에 요소를 삽입하려면 unshift를 사용하세요.
// 배열 길이를 반환합니다
var tmp = ['a','b'];
var len = tmp.unshift('c');
경고(len); // 3
경고(tmp); //c,a,b

한 번에 여러 요소를 왼쪽부터 순서대로 삽입할 수도 있습니다
코드 복사 코드는 다음과 같습니다.

// 배열의 첫 번째 요소 앞에 요소를 삽입하려면 unshift를 사용하세요.
// 배열 길이를 반환합니다
var tmp = ['a','b'];
var len = tmp.unshift('c','d');
경고(len); // 4
경고(tmp); //c,d,a,b

2. Shift는 배열의 첫 번째 요소를 팝하고 팝된 요소의 값을 반환합니다.

작은 예:

코드 복사 코드는 다음과 같습니다.

// 배열의 첫 번째 요소를 팝아웃하려면 Shift를 사용하세요.
// 팝된 요소 값을 반환합니다
var tmp = ['a','b','c'];
var val = tmp.shift();
경고(val); //a
경고(tmp); //b,c

빈 배열인 경우:
코드 복사 코드는 다음과 같습니다.

// 배열의 첫 번째 요소를 팝아웃하려면 Shift를 사용하세요.
// 팝된 요소 값을 반환합니다
var tmp = [];
var val = tmp.shift();
경고(val); // 정의되지 않음
경고(tmp); // 비어 있음

3. 배열 끝에 요소를 추가하려면

unshift와 반대로 push는 배열 끝에 요소를 추가하고 요소를 추가한 후 배열의 길이를 반환합니다

코드 복사 코드는 다음과 같습니다.

// 배열 끝에 여러 요소를 추가하려면 push를 사용하세요.
// 배열의 최신 길이를 반환합니다
var tmp = ['a','b','c'];
var len = tmp.push('d');
경고(len); // 4
경고(tmp); //a,b,c,d

한 번에 여러 요소를 추가할 수도 있습니다
코드 복사 코드는 다음과 같습니다.

// 배열 끝에 여러 요소를 추가하려면 push를 사용하세요.
// 배열의 최신 길이를 반환합니다
var tmp = ['a','b','c'];
var len = tmp.push('d','e','f');
경고(len); // 6
경고(tmp); // a,b,c,d,e,f

4. pop 함수는 배열의 끝 요소를 삭제합니다

shift와 반대로 pop은 배열 끝에 있는 요소를 팝하고 팝된 요소의 값을 반환합니다.

코드 복사 코드는 다음과 같습니다.

// 배열의 마지막 요소를 팝업하려면 pop을 사용하세요.
// 팝된 요소 값을 반환합니다
var tmp = ['a','b','c'];
var val = tmp.pop();
경고(발); //c
경고(tmp); //a,b

배열이 비어 있으면 정의되지 않음
을 반환합니다.
코드 복사 코드는 다음과 같습니다.

// 배열의 마지막 요소를 팝업하려면 pop을 사용하세요.
// 팝된 요소 값을 반환합니다
var tmp = [];
var val = tmp.pop();
경고(val); // 정의되지 않음
경고(tmp); // 비어 있음


위의 네 가지 기능을 사용하여 일부 대기열 처리를 수행할 수 있으며 특정 사례에 대한 코드를 작성하지 않습니다.
푸시 기능은 실제로 이렇게 구현될 수 있습니다
코드 복사 코드는 다음과 같습니다.

var tmp = ['a','b','c'];
tmp[tmp.length] = 'd';
경고(tmp); //a,b,c,d

참고: 위의 네 가지 기능 unshift, Shift, pop 및 push 기능 작업은 배열 자체를 수정합니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿