Js 배열 작업 push, pop, Shift, unshift 및 기타 방법이 Detail_javascript 기술에 도입되었습니다.

JS에는 배열 연산을 위한 방법이 아직 많이 있는데, 오늘 갑자기 그것들을 요약해볼까 하는 생각이 들었습니다. 이는 과거를 복습하고 새로운 것을 배우는 것이라고 볼 수 있습니다. 그러나 모든 방법을 설명하지는 않고 그 중 일부만 선택하겠습니다.

먼저 push 및 pop 방법에 대해 이야기해 보겠습니다. 이 두 가지 방법은 배열을 끝에서부터 push하거나 pop하며, 변경 사항이 있으면 운영되는 배열에 영향을 미칩니다. push(args)는 한 번에 여러 요소를 푸시하고 업데이트된 배열 길이를 반환할 수 있습니다. pop() 함수는 매번 마지막 요소만 팝업하고 팝된 요소를 반환합니다. 빈 배열에서 pop()을 호출하면 정의되지 않은 값이 반환됩니다. 매개변수가 배열인 경우 전체 배열이 하나의 요소로 원래 배열에 푸시됩니다. concat이 배열을 병합할 때와 유사한 "분할 현상"이 발생하지 않습니다. 아래 예를 살펴보겠습니다.

예제 1:
var oldArr=[1,2,3] ;
alert(oldArr.push(4,[5,6]))–>5 (여기에서는 [5,6]만 하나의 요소로 계산되며 업데이트된 배열 길이 5가 반환됩니다.)
이때 oldArr–>[1,2,3,4,[5,6]]
alert(oldArr.pop())–>[5,6](마지막 요소 [5,6 ]가 여기에 나타납니다. 6)
oldArr–>[1,2,3,4]
oldArr.pop()–>4
oldArr.pop()–>3
oldArr .pop()–>2
oldArr.pop()–>1
oldArr.pop()–>undefine(빈 배열 팝업)
이제 푸시와 팝에 대해 이야기한 후, unshift 및 Shift
를 살펴보겠습니다. 두 메소드 모두 배열의 선두에서 작동합니다. 다른 것들은 기본적으로 push 및 pop과 유사하지만 IE에서는 unshift 메소드가 정의되지 않은

을 반환합니다. 예 2 :
var oldArr2=[1,2];
oldArr2.unshift(3)–>undefine
현재 oldArr2는–>[3,1,2]
oldArr2 .shift()–>3
이때 oldArr2는 [1,2]입니다.
배열의 임의 위치에 요소를 추가하고 삭제하는 데 사용할 수 있는 더 강력한 splice를 살펴보겠습니다. . 해당 작업은 원본에도 있습니다.

배열 수정
splice(start,deleteCnt,args) splice(start,deleteCnt,args)의 시작은 다음을 의미합니다. 작업 첨자를 시작합니다. deleteCnt는 시작 첨자부터 삭제(요소 포함)를 의미합니다. 요소 수, 삭제 작업은 삭제된 요소를 반환합니다. args는 삭제된 요소를 대체하는 데 사용되는 요소를 나타냅니다(여러 매개변수를 가질 수 있음). start 및 deleteCnt는 숫자여야 합니다. 변환이 실패하면 0으로 처리됩니다. 접합에는 최소한 하나의 시작 요소가 있어야 합니다. 그렇지 않으면 아무 작업도 수행되지 않습니다. deleteCnt가 없으면 start 및 모든 후속 요소가 삭제됨을 의미합니다(IE에서는 0이 삭제되지 않음). start는 음수일 수 있습니다. 이는 배열의 오른쪽 끝에서 시작함을 의미합니다. deleteCnt가 음수이면 음수 요소를 삭제할 수 없으므로 삭제가 수행되지 않습니다.
이제 설명이 끝났으니 예시를 살펴보겠습니다.

예제 3:
var oldArr3=[ 1,2];
oldArr3.splice()–>””(oldArr3–>[1,2] 작업 후 빈 문자열을 반환하고 어떤 작업도 수행하지 않음)
oldArr3.splice( “”)–> [1,2](""는 숫자로 변환하지 못하고 0을 반환하므로 작업 후 1,2, oldArr3–>[]을 삭제하지만 IE에서는 약간 역겹습니다. 아무 작업도 하지 않음)
oldArr3.splice(" 1a")–>위와 동일
odlArr3.splice(0,2)–>[1,2]("첨자 0이 있는 요소부터 시작 , 두 개의 요소 1,2를 삭제하므로 삭제 후 oldArr3–> 작업 후 oldArr3–>[1,2] )
oldArr3.splice(1,1)–>2 (인덱스 1부터 시작하여 1개 요소, 즉 2개를 삭제하므로 삭제 후, oldArr3–>[1])
oldArr3.splice(1 ,4)–>2 (아래 첨자 1부터 4개 요소를 삭제하고, 1부터 시작하는 요소가 1개뿐이므로 2를 삭제하므로 삭제 후, oldArr3–>[1])
oldArr3.splice(-1, 0,3)–>””(요소 2인 아래 첨자 -1부터 시작하여 0개의 요소를 삭제한 다음 요소 3을 추가하므로 그 뒤에 oldArr3–>[1,3,2])
oldArr3.splice (-1,1,3)–>2 작업 (첨자 -1부터 시작하여 2개 요소인 1개 요소를 삭제한 후 추가 요소 3. 연산 후, 그것은 oldArr3–>[1,3])
OK 다음 concat으로 시작해 보겠습니다. 이 방법은 두 개 이상의 배열을 연결하는 데 사용됩니다. 배열은 원래 배열을 변경하지 않고 계속됩니다. 새 배열만 반환합니다. 연결 중에 매개변수가 배열이면 배열의 요소가 연결됩니다.


예제 4: var oldArr4=[1,2];
oldArr4.concat(3,4)–>[1,2 ,3,4]
oldArr4.concat(3,4,[5,6] )–>[1,2,3,4,5,6](여기에 추가되는 것은 [5,6] 요소 5와 요소 6입니다.)
oldArr4.concat(3,[4,[5,6) ]])–>[1,2,3,4,[5,6]](여기서 가장 안쪽 레이어는 전체 요소 [5,6]이 분할이 아닌 추가에 사용됩니다.)
다음에 대해 이야기해 보겠습니다. 배열 sort
sort(function)의 정렬 방법은 원래 배열을 정렬하는 것이며 새 배열을 생성하지 않습니다. 기본적으로 매개변수가 없는 sort()는 비교를 위해 배열의 요소를 문자열로 변환합니다. 비교할 때 문자는 문자 인코딩의 순서에 따라 정렬됩니다.

다음 예를 보세요
var oldArr5=[3,1,5,7,17] 이 일반적인 개념을 보면 oldArr5를 정렬할 때 oldArr5.sort()는 숫자를 작은 것부터 큰 것 순으로 정렬하면 [1,3,5,7,17]이 반환되지만, 결과를 보면 실제로는 [1,17,3,5,7]을 반환하는데요. 비교. 그런 다음 문자열을 하나씩 비교하고, 첫 번째 문자가 동일하면 두 번째 문자를 비교하고, 그렇지 않으면 비교 결과가 "17"
기본 매개변수 없음 외에도 sort(function) 메서드는 사용자 정의 정렬 메서드를 전달할 수도 있습니다. 이러한 방식으로 정렬 결과를 원하는 대로 완전히 제어할 수 있습니다. . 멋지지 않나요? 아, 헤헤. 일반적으로 사용자 정의 함수 비교 함수에는 비교에 사용되는 왼쪽 요소와 오른쪽 요소를 나타내는 두 개의 매개변수가 포함됩니다. 그런 다음 결과가 특정 방식으로 반환됩니다. 반환 값이 0보다 크면 왼쪽 요소와 오른쪽 요소가 교환된다는 의미입니다. 반환 값이 0보다 작거나 0과 같다면 왼쪽 요소와 오른쪽 요소가 교환된다는 의미입니다. 요소는 교환되지 않습니다. 이제 예를 살펴보세요

예 5:
큰 숫자부터 작은 숫자 순으로 원래 배열을 배열합니다

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

var oldArr5=[3,1,5,7,17] //초기 배열
function mySort (left,right) {
if(leftreturn 1;}//왼쪽 요소가 오른쪽 요소보다 작으면 두 숫자를 교환합니다.
else{
return - 1;}//왼쪽 요소가 다음보다 크거나 같은 경우 오른쪽 요소는 교환되지 않습니다
}

물론 위 메서드는 funaction mySort(left, right){ return right-left;}

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

//짝수부터 먼저, 홀수부터 정렬
var oldArr6=[3,6,7, 18];//초기 배열
function mySort2(left,right){
if(left%2 ==0)return -1;//왼쪽 요소가 짝수이면 교환이 수행되지 않습니다
if(right %2==0)return 1; //오른쪽 요소가 짝수이면 교환합니다.
return 0; //교환하지 않음
}

마지막 슬라이스에 대해서는 자세히 설명하지 않겠습니다. 원래 배열의 일부 요소를 가로채서 새 배열을 반환하기만 하면 됩니다. . 원래 배열은 문자열 조각과 유사합니다.

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

var oldArr7=[1,2,3,4];
oldArr7.slice(0)–>[1,2,3,4 ]
oldArr7.slice( 0,2)–>[1,2]
oldArr7.slice(0,0)–>[]
oldArr7.slice(0,-1)–> ;[1,2,3]
oldArr7.slice(-3,-1)–>[2,3]
oldArr4.slice(-1,-3)–[]