javascript 에서 자주 사용 하 는 배열 작업

join()
Array. join (/ * optional * / separator) 은 배열 을 문자열 로 변환 합 니 다. 매개 변수 separator (구분자, 기본 값 은 ",") 를 가 져 올 수 있 습 니 다.
이와 반대 되 는 방법 은 String. splict () 입 니 다. 문자열 을 여러 조각 으로 나 누 어 새로운 배열 을 만 드 는 것 입 니 다.
reverse()
Array. reverse () 는 배열 요소 의 순 서 를 바 꾸 어 역방향 배열 로 돌아 갑 니 다. 이 방법 은 새로운 배열 로 돌아 가 는 것 이 아니 라 원래 배열 요소 의 위 치 를 수정 합 니 다.
sort()
sort () 방법 은 배열 의 요 소 를 정렬 하고 정렬 된 배열 로 되 돌려 줍 니 다.sort () 방법 은 기본적으로 알파벳 순서에 따라 정렬 됩 니 다. 정렬 방식 을 사용자 정의 하려 면 비교적 큰 함 수 를 매개 변수 로 입력 할 수 있 습 니 다. 다음 과 같 습 니 다.

var a = [4,2,8,6];

a.sort(function(a,b){

    return a-b;

});

console.log(a);

여기 서 비교 크기 함수 의 사용 을 설명 합 니 다. 이 함 수 는 요소 의 선후 위 치 를 결정 합 니 다.첫 번 째 매개 변 수 는 앞 에 있어 야 한다 고 가정 하고 비교 함 수 는 0 보다 작은 값 을 되 돌려 야 하 며 반대로 0 보다 큰 값 을 되 돌려 야 한다.
concat()
concat () 방법 은 하나의 배열 을 만 들 고 되 돌려 줍 니 다. 되 돌아 오 는 배열 은 원본 배열 의 요소 와 concat () 의 각 인 자 를 포함 합 니 다.concat () 가 원래 의 배열 을 수정 하지 않 고 새로운 배열 로 돌아 갈 지 주의 하 십시오.
slice()
slice (start, / * optional * / end) 방법 은 지정 한 배열 의 하위 배열 을 되 돌려 줍 니 다.이 방법 은 두 개의 인자 가 있 습 니 다. 첫 번 째 매개 변 수 는 시작 위 치 를 지정 하고 두 번 째 매개 변 수 는 끝 난 위 치 를 지정 합 니 다. 돌아 오 는 요소 색인 범위 [start, end) 가 지정 되 지 않 으 면 start 에서 배열 로 끝 나 는 모든 요 소 를 되 돌려 줍 니 다.
splice()
splice () 방법 은 배열 에 요 소 를 삽입 하거나 삭제 합 니 다. 요 소 를 삽입 하거나 삭제 할 때 기 존 요소 의 색인 은 필요 에 따라 증가 하거나 감소 합 니 다. splice () 방법의 첫 번 째 매개 변 수 는 삽입 하거나 삭제 할 위 치 를 지정 합 니 다. 두 번 째 매개 변 수 는 요 소 를 삭제 할 개 수 를 지정 합 니 다. 그 후의 부정 확 한 매개 변 수 는 배열 에 추 가 된 요소 입 니 다.

var a = [1,2,8,6];

a.splice(1,3);    //    

console.log(a);    //[1]

a.splice(1,0,2,3,4,5,6);    //         2,3,4,5,6

console.log(a);    //[1,2,3,4,5,6]

배열 에 지정 한 요 소 를 삭제 하려 면 다음 과 같이 할 수 있 습 니 다.

var a = [1,2,8,6];

function remove(a,x){

    for(var i=0,len=a.length;i<len;i++){

        if (a[i] == x) {

            a.splice(i,1);

            return a;

        } 

    }

    return a;

}

console.log(remove(a,2));

push() and pop()
push () 방법 은 배열 의 끝 에 하나 이상 의 요 소 를 추가 하고 배열 의 새로운 길 이 를 되 돌려 줍 니 다. pop () 방법 은 반대로 배열 의 마지막 요 소 를 삭제 하고 배열 의 길 이 를 줄 이 며 삭 제 된 요 소 를 되 돌려 줍 니 다.
unshift() and shift()
unshift () 와 shift () 는 push () 와 pop () 방법 과 유사 합 니 다. 다른 것 은 unshift () 는 배열 의 머리 에 하나 이상 의 요 소 를 삽입 하고 배열 의 새로운 길 이 를 되 돌려 줍 니 다. shift () 방법 은 배열 의 첫 번 째 요 소 를 삭제 하고 되 돌려 줍 니 다.
 
 
다음은 ECMAScript 5 에서 새로 정 의 된 9 개의 조작 배열 방법 입 니 다. 그 기능 은 옮 겨 다 니 기, 맵, 여과, 검 측, 간소화 와 검색 배열 을 포함 합 니 다.
이 방법 들 을 설명 하기 전에 ECMAScript 5 의 배열 방법 에 대한 소 개 를 알 필요 가 있 습 니 다. 우선, 대부분의 방법의 첫 번 째 매개 변 수 는 하나의 함수 이 며, 모든 배열 요소 가 이 함 수 를 한 번 호출 합 니 다. 또한 이 함 수 는 세 개의 매개 변 수 를 사용 할 수 있 습 니 다: 배열 의 요소 (element), 요소 의 색인 (index) 과 배열 자체.(array). 보통 우 리 는 첫 번 째 매개 변수 만 사용 하고 다른 두 개의 매개 변 수 를 무시 합 니 다.
. forEach (function, element, index, array)
foreach () 방법 은 처음부터 끝까지 배열 요 소 를 한 번 옮 겨 다 니 며 각 함수 에 지정 한 함 수 를 호출 합 니 다. 예 를 들 어 다음 과 같 습 니 다.

var a = [1,2,8,6];

var sum = 0;

a.forEach(function(element){

    sum += element;

});

console.log("     " + sum);

맵. map (function (element, index, array))
map () 방법의 사용 방식 은 foreach () 방법 과 유사 합 니 다. 다른 것 은 map () 방법 은 새로운 배열 로 돌아 갑 니 다. 예 를 들 어 다음 과 같 습 니 다.

var a = [1,2,8,6];

var b = a.map(function(element){

    return element + 1;

});

console.log(b); //[2,3,9,7]

필터. filter (function (element, index, array))
filter () 방법 은 호출 된 배열 의 하위 배열 을 되 돌려 줍 니 다. 필터 역할 을 합 니 다. 예 를 들 어 다음 과 같 습 니 다.

var a = [1,2,8,6];

var b = a.filter(function(element){

    return element > 3;

});

console.log(b);    //[8,6]

판정. every ((function (element, index, array)) /. some ((function (element, index, array))
every 와 some 는 분 산 된 수학 과 유사 한 논리 적 판단 으로 불 값 을 되 돌려 줍 니 다. every () 함 수 는 '모든' 이 true 로 돌아 갈 때 만 true 로 돌아 갑 니 다. some () 는 true 로 돌아 갈 때 true 로 돌아 갑 니 다. 예 를 들 어 배열 이 모두 양수 인지 판단 합 니 다.

var a = [1,2,8,6];

var flag = a.every(function(element){

    return element > 0;

});

console.log(flag);    //true

배열 에 짝수 가 있 는 지 판단 하기:

var a = [1,2,8,6];

var flag = a.some(function(element){

   return element%2 === 0;

});

console.log(flag);    //true

간소화. reduce (function (v1, v2), value, element, index, array) /. reduceRight (function (v1, v2), value, element, index, array)
배열 을 옮 겨 다 니 며 리 셋 함 수 를 호출 하여 배열 요 소 를 하나의 값 으로 조합 합 니 다. reduce 는 색인 최소 값 부터 reduceRight 역방향 입 니 다.
0 번 째 매개 변수 (함수): 두 값 을 하나 로 합 쳐 되 돌려 줍 니 다.
첫 번 째 매개 변수: 함수 (0 번 째 매개 변수) 의 초기 값 은 생략 할 수 있 습 니 다.
두 번 째 ~ 네 번 째 매개 변수: 배열 의 요소, 색인 과 배열 자체.
예 를 들 면 다음 과 같다.

var a = [1,2,8,6];

var result = a.reduce(function(v1,v2){

    return v1+v2;

},10);

console.log(result); // 27

검색. indexOf (element) / lastIndexOf (element)
배열 에서 지정 한 요소 위 치 를 찾 을 때 첫 번 째 를 찾 은 후에 색인 을 되 돌려 줍 니 다. - 1, index Of 는 처음부터 끝까지 검색 하고 lastIndex Of 는 역방향 검색 을 찾 지 못 했 습 니 다.

var a = [1,2,8,6];

var index = a.indexOf(2);

console.log(index);    //1

index = a.lastIndexOf(2);

console.log(index);    //1

Array.isArray(o)
이 함 수 는 하나의 대상 이 배열 대상 인지 아 닌 지 를 판단 하 는 데 쓰 인 다.

var a = [1,2,8,6];

console.log(Array.isArray(a));    //true

var date = new Date();

console.log(Array.isArray(date)); // false