>웹 프론트엔드 >JS 튜토리얼 >JavaScript 배열 학습

JavaScript 배열 학습

高洛峰
高洛峰원래의
2016-10-13 10:46:411161검색

1 배열 생성

 var arr1 = new Array();
 var arr2=[1,2,3];

2 일반적인 배열 방법:

push, pop, Shift, unshift, splice, Slice, sort, reverse

2.1 푸시 방법: 요소 끝에

var arr=[1,2,3];
var result = arr.push(1,3,4);//返回新数组的长度
console.log("arr:"+arr);
console.log("result:"+result);

요소를 삽입합니다. 결과:

arr:1,2,3,1,3,4
결과:6

2.2 팝 방식: 요소 끝에 요소 팝

var arr=[1,2,3];
var result = arr.pop();//返回弹出元素的值
console.log("arr:"+arr);
console.log("result:"+result);

결과:

arr:1,2
결과: 3

2.3 이동 방법: 요소 상단에 요소 팝

var arr=[1,2,3];
var result = arr.shift();//返回弹出元素的值
console.log("arr:"+arr);
console.log("result:"+result);

결과:

arr:2,3
result:1

2.4 unshift 방법: 요소 시작 부분에

var arr=[1,2,3];
var result = arr.unshift(4,5);//返回新数组的长度
console.log("arr:"+arr);
console.log("result:"+result);

요소를 삽입합니다. 결과:

arr:4, 5,1,2,3
결과 :5

2.5 스플라이스 방식: 배열을 가로채서 데이터를 삽입하고 배열 자체를 직접 조작

var arr=[1,2,3,4,5];
arr.splice(1,2,3,4);
console.log("arr:"+arr);

결과:

arr:1 ,3,4,4,5

분석:

첫 번째 매개변수: 차단 시작 위치

두 번째 매개변수: 차단 횟수

두 번째 매개변수 이후: 삽입된 데이터는 세 번째 매개변수가 없으면 삽입되지 않습니다.

2.6 슬라이스 방법: 어레이를 가로채되 어레이 자체에 대해 작업을 수행하지는 마십시오

var arr=[1,2,3,4,5];
var result =arr.slice(2,4);
console.log("arr:"+arr);
console.log("result:"+result);

결과:

arr:1,2,3,4,5
결과:3,4

분석:

첫 번째 매개변수: 차단 시작 위치는 닫힌 구간

두 번째 매개변수: 차단 끝 위치는 열린 구간

예: [2,4)

2.7 concat 방법: 배열을 연결하지만 배열 자체를 작동하지는 않습니다.

var arr1 =[1,2,3];
var arr2=[3,4,5];
var result = arr1.concat(arr2);
console.log("arr1:"+arr1);
console.log("arr2:"+arr2);
console.log("result:"+result);

결과:

arr1:1,2,3
arr2:3,4,5
결과:1,2,3,3,4,5

2.8 조인 방법: 배열의 각 요소 사이에 요소를 삽입하되 배열 자체를 작동하지는 마십시오

var arr =[1,2,3];
var result =arr.join("-");
console.log("arr:"+arr);
console.log("result:"+result);

결과:

arr:1,2,3
결과:1-2-3

2.9 역방향 방법: 배열의 요소 위치를 반대로 바꿉니다

var arr =[1,2,3];
var result =arr.reverse();
console.log("arr:"+arr);

결과:

arr:3,2,1

2.10 정렬 방법: 배열의 요소 정렬(불량)

var arr =[4,10,1,5];
var result =arr.sort();
console.log("arr:"+arr);

결과:

arr:1,10,4,5

분석:

비교 과정에서 이 10은 먼저 한 자리 비교를 누르고 두 번째 자리와 비교하므로 1위와 4위의 순위가 됩니다.

2.11 정렬 방법 확장

var arr =[4,10,1,5];
        function  compare(value1,value2){//自定义排序规则
            if(value1>value2){
                return 1;
            }else if(value1<value2){
                return -1;
            }else{
                return 0;
            }
        }
        var result =arr.sort(compare);使用自定义的排序规则 实现从小到大排序 要想实现从大到小 修改排序规则
        console.log("arr:"+arr);

결과:

arr:1,4,5,10


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