JS 에서 배열 의 일반적인 방법 (es6 확장 포함)

1、 join()

   ：                     。
   ：    ，     
   ：         
   ：

var a = [1,2,3];
a.join(); // =>"1,2,3"
a.join(";");// =>"1;2;3"

2、 reverse()

  ：           。
  ： 
  ：     
  ：

var a = [1,2,3];
a.reverse.join()// =>"3,2,1"

3. sort () 기능: 배열 의 요 소 를 입력: 비교 함수 나 null.null 시 알파벳 순 으로 정렬 하 는 것 을 표시 합 니 다.두 개의 매개 변 수 를 가 진 비교 함수 가 들 어 올 때;첫 번 째 매개 변 수 는 앞 에 있 으 면 0 보다 작은 수 치 를 되 돌려 줍 니 다.첫 번 째 매개 변 수 는 다음 에 0 이상 의 배열 출력 을 되 돌려 줍 니 다. 정렬 후 배열 주의: 원래 배열 의 예 를 바 꾸 었 습 니 다.

var a = [22,33,11111,4444];
a.sort();// =>11111,22,33,4444
a.sort(function(a,b){
    return a-b;
});// => 22,33,4444,11111
a.sort(function(a,b){return b-a})// =>11111,4444,33,22

4. concat () 기능: 배열 연결 기능 입력: 연결 할 요소;매개 변수 에 배열 이 있 으 면 배열 자체 가 아 닌 배열 요소 로 연 결 됩 니 다.그러나 재 귀 는 지원 되 지 않 고 호출 된 배열 은 수정 되 지 않 습 니 다.출력: 맞 춤 형 새 배열 주의: 새 배열, 원래 배열 은 변 하지 않 습 니 다.예:

var a = [1,2,3];
a.concat(4,5) // =>[1,2,3,4,5]
a.concat([4,5]) // =>[1,2,3,4,5]
a.concat(4,[5,[6,7]]) //[1,2,3,4,5,[6,7]]

5. slice () 기능: 원래 배열 의 세 션 이나 하위 배열 의 입력 을 가 져 옵 니 다. 세 션 의 시작 과 끝 출력: 돌아 오 는 배열 은 첫 번 째 매개 변수 가 지정 한 위치 와 모든 것 을 포함 하지만 두 번 째 매개 변수 가 지정 한 위치 간 의 모든 요 소 를 포함 하지 않 습 니 다.음수 라면 배열 의 마지막 요소 에 대한 위 치 를 나타 낸다.메모: 새 배열 입 니 다. 원래 배열 은 변 하지 않 습 니 다.예:

var a = [1,2,3,4,5];
a.slice(0,3);// =>[1,2,3]
a.slice(3);// =>[4,5]
a.slice(1,-1)// =>[2,3,4]

6. splice () 기능: 배열 에서 요 소 를 삭제 하고 요 소 를 배열 에 삽입 하거나 동료 가 이 두 가지 작업 을 완성 합 니 다.입력: 첫 번 째 매개 변 수 는 삽입 또는 삭제 의 시작 위 치 를 지정 하고 두 번 째 매개 변 수 는 삭제 할 갯 수 입 니 다.다음 매개 변 수 는 배열 에 삽입 해 야 할 요소 출력 을 표시 합 니 다. 삭제 요소 로 구 성 된 배열 을 되 돌려 줍 니 다.메모: 배열 을 새로 만 들 고 원래 배열 의 예 를 수정 하 였 습 니 다.

var a = [1,2,3,4,5,6,7,8];
a.splice(4) // =>[5,6,7,8];a [1,2,3,4]
a.splice(2,0,'a','b') // =>[];a [1,2,a,b,3,4]

7. push () 와 pop () 기능: push 는 배열 의 끝 에 하나 이상 의 요 소 를 추가 하고 배열 의 새로운 길 이 를 되 돌려 줍 니 다.pop 마지막 요소 입력 을 되 돌려 줍 니 다. push 는 삽 입 된 요소 로 입력 합 니 다.pop 입력 은 빈 출력 입 니 다: push 는 새 길이 입 니 다.pop 에서 돌아 오 는 배열 요 소 를 예 로 들 면:

var stack = [];
stack.push(1,2);// =>stack:[1,2],  2
stack.pop;// => stack: [1],  2

8. unshift () 와 shift 기능: push 와 pop 과 유사 하 며, 꼬리 가 아 닌 머리 에서 삽입 하고 삭제 합 니 다.
9. toString () 과 toLocaleString () 기능: 배열 의 모든 요 소 를 문자열 로 바 꾸 고 쉼표 로 구 분 된 문자열 목록 을 입력 하 십시오.join () 과 유사 한 기능;입력: 출력 없 음: 문자열 예:

[1,2,3].toString() // =>'1,2,3'

* * * * * * * * * * 이하 es5 에 추 가 된 9 가지 방법 * * * * * * * * * * * 10, foreach () 기능: 처음부터 끝까지 배열 을 옮 겨 다 니 며 각 요소 에 지정 한 함수 입력 을 호출 합 니 다. 옮 겨 다 니 는 함수 로 입력 하고 함수 의 매개 변 수 는 배열 요소, 요소 의 색인, 배열 본신 출력 입 니 다. 옮 겨 다 니 는 함수 만 실 행 했 을 뿐 특정한 반환 예 가 없습니다.

var data = [1,2,3,4,5];
data.forEach(function(v,i,a){a[i] = v + 1;});
data // =>[2,3,4,5,6]

11. map () 기능: 호출 된 배열 의 모든 요 소 를 지정 한 함수 에 전달 하고 새로운 배열 의 입력 을 되 돌려 줍 니 다. foreach 와 같이 출력 합 니 다. 함 수 를 실행 한 새 배열 주의: 새 배열 로 돌아 가 고 원래 배열 의 예 를 수정 하지 않 습 니 다.

a = [1,2,3];
b = a.map(function(x){return x*x;}); // =>[1,4,9]

12. filter () 기능: 배열 요 소 를 특정 함 수 를 실행 하고 키 집합 을 되 돌려 줍 니 다.입력: 논리 적 판단 을 수행 하 는 함수 입 니 다. 이 함 수 는 true 나 false 로 되 돌아 갑 니 다. 매개 변 수 는 foreach 와 map () 출력 과 유사 합 니 다. 입력 함수 반환 값 이 true 이면 판정 함수 에 전달 되 는 요 소 는 이 부분 집합 의 구성원 예 입 니 다.

a = [5,4,3,2,1];
smallvalues = a.filter(function(x){return x<3});// =>[2,1]

13. every () 와 some () 기능: 배열 요 소 를 지정 한 함수 의 논리 적 판단 을 합 니 다.입력: 특정 함수 출력: true 또는 false 예:

var a = [1,2,3,4,5];
a.every(function(x){return x<10;}) // =>true

14. reduce () 와 reduceRight () 기능: 지정 한 함수 로 배열 요 소 를 조합 하여 하나의 값 을 생 성 합 니 다.입력: 두 개의 인자, 첫 번 째 는 간단 한 조작 을 수행 하 는 함수 입 니 다.두 번 째 (선택 가능) 인 자 는 함수 에 전달 되 는 초기 값 입 니 다.메모: 간소 화 된 함 수 를 실행 하 는 첫 번 째 매개 변 수 는 지금까지 간소 화 된 조작 이 누 적 된 결과 입 니 다.15. index Of () 와 lastIndex Of () 기능: 전체 배열 에서 주어진 요 소 를 검색 하고 찾 은 첫 번 째 요소 의 색인 을 되 돌려 주거 나 찾 지 못 하면 - 1. lastIndex Of 를 역방향 으로 검색 합 니 다.입력: 원소 의 값.입력: 인덱스 값
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 화려 한 분할 ES6 확장 * * * * * * * * * * * * * * * * * * * * * * 16, Array. from () 기능: 두 가지 대상 을 실제 배열 로 전환: 유사 한 배열 의 대상 과 옮 겨 다 닐 수 있 는 대상 입력: 전환 대상, 두 번 째 매개 변 수 를 선택 할 수 있 으 며, 여러 그룹의 map 방법 과 유사 한 역할 을 하여 각 요 소 를 처리 할 수 있 습 니 다.처 리 된 값 을 되 돌아 오 는 배열 에 넣 습 니 다.입력: 배열 예:

let arrayLike = {
       '0':'a',
       '1':'b',
       '2':'c',
       length:3
};
let arr2 = Array.from(arrayLike);// =>['a','b','c']

17. Array. of () 기능: 한 그룹의 값 을 배열 로 변환 합 니 다.입력: 배열 요소 출력: 배열 예:

Array.of(2,11,3)// =>[2,11,3]
Array.of(3)// =>[3]

18. copy Within () 기능: 현재 배열 내부 에서 지정 한 위치 에 있 는 구성원 을 다른 위치 로 복사 하여 현재 배열 로 돌아 갑 니 다.입력: 첫 번 째 인자 (이 위치 에서 데 이 터 를 교체 합 니 다);두 번 째 매개 변 수 를 선택 할 수 있 습 니 다. (이 위치 에서 데 이 터 를 읽 기 시 작 했 습 니 다. 기본 값 은 0 이 고 마이너스 값 은 역 수 를 표시 합 니 다)세 번 째 인자 (이 위치 에 도착 하기 전에 읽 기 를 중단 하고 기본 값 은 배열 길이) 출력: 현재 교 체 된 배열 로 돌아 갑 니 다.메모: 현재 배열 의 예 를 바 꾸 었 습 니 다:

[1, 2, 3, 4, 5].copyWithin(0, 3) //=> [4, 5, 3, 4, 5]

19. find () 와 findIndex () 기능: 조건 에 맞 는 첫 번 째 배열 구성원 을 찾 습 니 다.입력: 리 셋 함수, 모든 배열 구성원 이 이 함 수 를 순서대로 실행 합 니 다. 첫 번 째 리 턴 값 이 true 인 구성원 을 찾 을 때 까지.리 셋 함 수 는 세 개의 인 자 를 받 아들 일 수 있 으 며, 순서대로 값, 위치, 원수 그룹 이다.출력: find () 에서 찾 은 구성원 을 되 돌려 줍 니 다.findIndex () 는 구성원 의 위 치 를 되 돌려 줍 니 다.예:

[1,5,10,15].find(function(value,index,arr){
    return value > 9;
})// =>10

20. fill () 기능: 주어진 값 을 사용 하여 배열 을 채 웁 니 다.입력: 첫 번 째 매개 변 수 는 채 워 야 할 값 입 니 다. 두 번 째 와 세 번 째 매개 변 수 는 선택 할 수 있 습 니 다. 각각 채 워 야 할 시작 과 끝 위치 (포함 되 지 않 음) 를 표시 합 니 다.출력: 채 워 진 배열 의 예:

['a', 'b', 'c'].fill(7, 1, 2)
// =>['a', 7, 'c']

21. entries (), keys (), values () 기능: 배열 을 옮 겨 다 니 는 데 사용 되 며, for... of 순환 으로 옮 겨 다 닐 수 있 습 니 다.차이 점 은 keys () 는 키 이름 을 옮 겨 다 니 는 것 이 고, values 는 키 값 을 옮 겨 다 니 는 것 이 며, entries () 는 키 값 을 옮 겨 다 니 는 것 입 니 다.입력: 출력 없 음: 스 트 리밍 대상 예:

for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// =>0
// =>1

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// =>'a'
// =>'b'

for (let [index, elem] of ['a', 'b'].entries()) {
  console.log(index, elem);
}
// =>0 "a"
// =>1 "b"

for... of 순환 을 사용 하지 않 으 면 스 트 리밍 대상 의 next 방법 을 수 동 으로 호출 하여 스 트 리밍 할 수 있 습 니 다.
22. includes () 기능: 특정한 배열 이 주어진 값 입력 을 포함 하 는 지 여 부 를 나타 낸다. 첫 번 째 매개 변 수 는 반드시 선택 (검사 할 주어진 값) 하고 두 번 째 매개 변 수 는 선택 할 수 있 으 며 검색 의 시작 위 치 를 나타 낸다. 기본 값 은 0 이 고 음 수 는 마지막 위 치 를 나타 낸다.출력: 불 값 입 니 다.주의: index Of 와 의 차이, index Of 는 연산 자의 강 비 를 하여 NaN 에 대한 오심 을 초래 할 수 있 습 니 다.예 를 들다

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, NaN].includes(NaN); // true