javascript 배열 작업 총화

최근 에 라 는 책의 배열 유형의 데이터 구조 부분 을 보고 제 가 배 운 지식 을 간단하게 정리 하 겠 습 니 다.
1. 배열 의 생 성
배열 의 생 성 은 두 가지 방법 이 있 는데 하 나 는 글자 의 양 을 통 해 다른 하 나 는 Array 를 통 해 함 수 를 만 드 는 것 이다.1. 글자 의 양

var num1 = [1,2,3];

주의해 야 할 것 은 글자 의 양 을 이용 하여 배열 을 만 들 때 마지막 배열 요소 에 추가 할 수 없다 는 것 이다. "" 오래된 버 전의 브 라 우 저 에 bug 가 나타 나 기 때문이다.아래 의 예 를 들 어 num 2 에 서 는 1, 2, 3, undefined 네 가지 항목 을 포함 하거나 1, 2, 3 개 항목 을 포함 하 는 배열 을 만 듭 니 다.

var num2 = [1,2,3,];//      

2. Array 구조 함수

var num3 = new Array();//   

Array () 는 포함 항목 을 매개 변수 로 받 아들 일 수 있 습 니 다. 이 때 num 4 와 같은 입력 항목 을 포함 하 는 배열 을 만 듭 니 다.
num 5 와 같은 number 형식의 숫자 를 매개 변수 로 받 아들 일 수도 있 습 니 다.

var num4 = new Array("1","2","3");//   ["1","2","3"]
var num5 = new Array(3);//length 3，    undefined   

2. 배열 의 전환
배열 의 변환 에 대해 서 는 배열 을 문자열 로 바 꾸 는 두 가지 방법 만 제시 합 니 다.각각 toString () 과 join () 이다.1. toString () 이 방법 은 쉼표 로 구 분 된 문자열 을 배열 의 각 항목 으로 되 돌려 줍 니 다.alert (array) 방법 으로 배열 을 인쇄 할 때 toString () 방법 을 몰래 호출 합 니 다.

var num6 = [1,2,3];
var num6Str = num6.toString();//"1,2,3"
alert(num6);//"1,2,3"

2. join () join () 은 하나의 인자 만 받 습 니 다. 이 매개 변 수 는 배열 의 각 조합 문자열 입 니 다. 인삼 을 전달 하지 않 으 면 기본 값 은 "," 구분자 로 서 toString () 방법 에 해당 합 니 다.

var num7 = [1,2,3];
num7.join("$");//"1$2$3"
num7.join();//"1,2,3"

창고 방법
스 택 은 선진 적 으로 먼저 나 온 데이터 구조 이 고 배열 이 제공 하 는 push () 와 pop () 방법 은 스 택 과 유사 한 행위 이기 때문에 스 택 방법 이 라 고 합 니 다.1. push () push () 방법 은 여러 개의 인 자 를 받 아들 여 배열 의 끝 에 차례대로 추가 하고 수 정 된 배열 의 길 이 를 되 돌려 줍 니 다.

var num8 = [1,2,3];
var num8Length = num8.push(4,5);
alert(num8);//1,2,3,4,5
alert(num8Length);//5

2. pop () pop () 방법 은 배열 의 마지막 항목 을 제거 하고 제거 항목 을 되 돌려 주 는 것 입 니 다.

var num9 = [1,2,3];
var last = num9.pop();//3

4. 대열 방법
1. shift () shift () 방법 은 배열 의 첫 번 째 항목 을 제거 하고 제거 항목 을 되 돌려 주 는 것 입 니 다.

var num10 = [1,2,3];
var first = num10.shift();//1

2. unshift () unshift () 방법 은 shift () 방법 과 용도 가 다 릅 니 다. 이 방법 은 여러 개의 파 라 메 터 를 받 아 배열 의 전단 에 차례대로 넣 고 수 정 된 배열 의 길 이 를 되 돌려 줍 니 다.

var num11 = [1,2,3];
var addArray = num11.unshift("-1","0");//5

5. 정렬 방법
1. reverse () reverse () 방법 은 배열 의 항목 을 반전 시 키 고 정렬 된 배열 을 되 돌려 주 는 것 이다.

var num12 = [1,2,3];
num12.reverse();//[3,2,1]

2. sort () sort () 방법 은 기본적으로 ASCII 코드 에 따라 순서대로 정렬 합 니 다.sort () 방법 을 사용 할 때 먼저 toString () 방법 을 은연 중 에 호출 하여 배열 의 모든 항목 을 문자열 로 전환 합 니 다. 실제로 문자열 ASCII 를 정렬 하고 정렬 된 배열 을 되 돌려 줍 니 다.
배열 항목 에서 모두 number 형식의 데이터 에 대해 우 리 는 sort () 에서 비교 함 수 를 입력 할 수 있 습 니 다. 이 비교 함 수 는 두 개의 인 자 를 받 습 니 다. 첫 번 째 인 자 는 앞의 항목 이 고 두 번 째 인 자 는 뒤의 항목 입 니 다.두 개의 매개 변 수 를 비교 하고 return 의 값 > 0 이면 두 개의 대비 항목 을 위 치 를 바 꾸 고 위 치 를 바 꾸 는 항목 을 이전 항목 과 비교 하여 return 값 이 0 또는 0 으로 돌아 갈 때 까지 순서대로 유추 합 니 다.
비교 함수 에서 return 값 > 0, 배열 항목 의 위 치 를 바 꿉 니 다.return 값 < 0, 배열 항목 이 위 치 를 바 꾸 지 않 음;return 값 = 0 은 두 항목 이 같 고 배열 항목 이 위 치 를 바 꾸 지 않 는 다 는 것 을 의미 합 니 다.

var num13 = [3,2,7,14,111,0];
num13.sort(function(value1,value2){
    return value1-value2;
});
alert(num13);//0,2,3,7,14,111

6. 조작 방법
1. concat () concat () 방법 은 배열 과 배열 을 연결 하거나 배열 항목 을 배열 끝 에 추가 하 는 것 이다.
concat () 는 현재 배열 의 사본 을 만 들 고 받 은 인 자 를 이 사본 의 끝 에 순서대로 추가 합 니 다.입력 인자 가 없 으 면 현재 배열 의 복사 본 을 되 돌려 줍 니 다. 배열 의 복사 에 해당 합 니 다.하나 이상 의 배열 매개 변 수 를 입력 하면 사본 의 끝 에 배열 매개 변수 중 하 나 를 순서대로 추가 합 니 다.하나 이상 의 비 배열 형식의 데이터 가 들 어 오 면 이 값 은 복사 본 끝 에 순서대로 추 가 됩 니 다.
주: concat () 방법 으로 새 배열 의 특성 을 되 돌려 배열 의 복사 에 사용 할 수 있 습 니 다.

var num14 = [1,2,3];
var num15 = num14.concat([4,5],[6,7]);
alert("        ："+num15);//1,2,3,4,5,6,7
var num16 = num14.concat(4,5);
alert("       ："+num16);//1,2,3,4,5

2. slice () slice () 는 현재 배열 의 하나 이상 의 항목 을 기반 으로 새로운 배열 을 만 들 고 새로운 배열 로 돌아 갈 수 있 습 니 다.
slice () 는 항목 의 시작 위치 와 끝 위 치 를 되 돌려 주 는 매개 변 수 를 하나 또는 두 개 받 을 수 있 습 니 다.매개 변수 가 하나 밖 에 없 을 때 이 매개 변수 가 지정 한 위치 에서 배열 의 끝 위치 로 되 돌아 갑 니 다.두 개의 인자 가 들 어 올 때 시작 위치 에서 끝 위치 까지 의 배열 항목 을 되 돌려 줍 니 다.
주: slice (0) 방법 으로 새 배열 의 특성 을 되 돌려 배열 의 복사 에 사용 할 수 있 습 니 다.

var num17 = [1,2,3];
num17.slice(1);//[2,3]
num17.slice(1,2);//[2]

3. splice () splice () 방법 은 비교적 강력 한 배열 조작 방법 이다.이 방법 을 이용 해 배열 을 삭제 하고 삽입 하고 교체 할 수 있 기 때문이다.삭제: splice (index, number) 는 두 개의 인자 만 입력 하면 됩 니 다. index 는 삭 제 된 첫 번 째 위치 이 고 number 는 삭 제 된 항목 입 니 다.삽입: splice (index, 0, value 1, value 2,...) 는 최소한 세 개의 인 자 를 입력 해 야 합 니 다. index 는 위치 index 에서 value 1, value 2 를 삽입 합 니 다.교체: splice (index, number, value 1, value 2...) 는 최소 세 개의 매개 변 수 를 입력 해 야 합 니 다. index 는 교 체 를 시작 하 는 위치 이 고 number 는 교 체 된 항목 입 니 다. value 1, value 2 등 은 교 체 된 항목 입 니 다.반환 값: splice () 방법 은 항상 하나의 배열 로 되 돌아 갑 니 다. 삭제 항목 이 있 으 면 삭 제 된 항목 이 있 는 모든 배열 로 되 돌아 갑 니 다. 삭제 항목 이 없 으 면 빈 배열 로 돌아 갑 니 다.

var num18 = [1,2,3];
//    
num18.splice(0,2);//  [1,2]，  num18 = [3]
//    
num18.splice(1,0,4,5,6);//  []，  num18 =[3,4,5,6]
//    
num18.splice(2,2,3,3);//  [5,6]，  num18 = [3,4,3,3]

7. 위치 방법
위치 방법 은 두 가지 방법 을 포함 하 는데 각각 index Of () 와 lastIndex Of () 이다. 두 가지 방법 은 모두 두 개의 인 자 를 받는다. 첫 번 째 인 자 는 찾기 항목 이 고 두 번 째 인 자 는 찾기 시작 위치 이 며 모두 찾기 항목 에 나타 난 첫 번 째 위 치 를 되 돌려 주 고 찾 지 못 하면 되 돌려 준다 - 1.항목 과 배열 의 모든 항목 을 비교 할 때 전체 연산 자 = = 을 사용 하기 때문에 값 과 데이터 형식 이 일치 해 야 합 니 다.
1. index Of () index Of (value) 이 방법 은 배열 의 시작 부분 에서 값 이 value 인 항목 을 찾 는 것 입 니 다.index Of (value, index) 이 방법 은 아래 index 로 표 시 된 항목 부터 값 이 value 인 항목 을 찾 는 것 입 니 다.

var num19 = [1,2,3];
num19.indexOf(1);//  0
num19.indexOf(3,1);//  2

2. lastIndex Of () lastIndex Of (value) 이 방법 은 배열 의 끝 에서 값 이 value 인 항목 을 찾 는 것 입 니 다.lastIndex Of (value, index) 이 방법 은 배열 의 끝 에서 부터 앞으로 (0 부터) index 의 항목 부터 배열 의 시작 에 값 이 value 인 항목 을 찾 는 것 입 니 다.

var num20 = [1,2,3];
num20.lastIndexOf(1);//  0
num20.lastIndexOf(1,1);//  0

8. 교체 방법
1. every () every (function (item, index, array) {reutrn...;}) 는 배열 의 모든 항목 에 주어진 함수 로 전 달 됩 니 다. 이 함수 가 모든 항목 에 true 로 돌아 가면 true 로 돌아 갑 니 다. 그렇지 않 으 면 false 입 니 다.(유사 하고 연산 자)

var num21 = [1,2,3];
var every = num21.every(function(item,index,array){
    return (item>0);
});//true
var every1 = num21.every(function(item,index,array){
    return (item>2)
});//false

2. some () some (function (item, index, array) {return...}) 은 배열 의 모든 항목 에 주어진 함수 로 전 송 됩 니 다. 함수 가 특정한 항목 에 대해 true 로 돌아 가면 true 로 돌아 갑 니 다. 그렇지 않 으 면 false 입 니 다.(유사 또는 조작 부호)

var num22 = [1,2,3];
var some= num21.some(function(item,index,array){
    return (item>2);
});//true
var some1= num22.some(function(item,index,array){
    return (item>6)
});//false

3. foreach () foreach (function (item, index, array) {}) 는 배열 의 모든 항목 을 주어진 함수 로 전송 하고 값 을 되 돌려 주지 않 습 니 다.(순환 과 유사)

var num23 = [1,2,3];
num23.forEach(function(item,index,array){
    console.log(item);
});

4. map () map (function (item, index, array) {}) 는 배열 의 모든 항목 을 주어진 함수 로 전송 하고 값 을 배열 작업 후의 배열 로 되 돌려 줍 니 다.

var num24 = [1,2,3];
num24.map(function(item,index,array){
    return item+2;
});//[3,4,5]

5. filter () filter (function (item, index, array) {}) 는 배열 의 모든 항목 에 주어진 함 수 를 입력 하고 주어진 함수 가 true 로 구 성 된 배열 로 되 돌아 갑 니 다.

var num25 = [1,2,3];
num25.filter(function(item,index,array){
    return (item>2);
});//[3]

9. 병합 방법
병합 방법 은 두 가지 가 있 는데 각각 reduce () 와 reduceRight () 이다.이 두 가지 방법 은 주어진 함수 와 pre 초기 값 (선택 가능) 으로 두 개의 인 자 를 받 습 니 다.모두 배열 의 모든 항목 을 주어진 함수 에 전달 하고 최종 반환 값 을 구성 합 니 다.
1. reduce () reduce (function (pre, cur, index, array) {return...}) 는 첫 번 째 항목 부터 교체 할 때 주어진 함수 가 되 돌아 오 는 값 을 pre 매개 변수 로 다음 교체 까지 줍 니 다.cur 는 앞의 항목 을 가리 키 며, index 는 현재 항목 의 아래 표 시 를 가리 키 며, array 는 호출 된 그룹 을 가리킨다.

var num26 = [1,2,3];
//      
num26.reduce(function(pre,cur,index,array){
    return pre+cur;
});//6
//       pre   
num26.reduce(function(pre,cur,index,array){
    return pre+cur;
},4);//10

2. reduceRight () reduceRight () 와 reduce () 방법 은 배열 의 끝 에서 부터 옮 겨 다 니 는 것 을 제외 하고 모두 일치 합 니 다.reduceRight () 는 배열 의 끝 에서 부터 옮 겨 다 닙 니 다.
자 바스 크 립 트 의 배열 작업 에 대한 정 리 는 여기까지 입 니 다.잘못된 점 이 있 으 면 지적 해 주 십시오. 감사합니다.