ES6 에 추 가 된 배열 지식 인 스 턴 스 소결

본 논문 의 사례 는 ES6 에 추 가 된 배열 지식 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.

1.JSON 배열 형식 변환
JSON 의 배열 형식 은 전단 에서 JSON 을 배열 로 빠르게 변환 하기 위 한 형식 입 니 다.json 배열 형식 은 다음 과 같 습 니 다.

let json = {
  '0': ' ',
  '1': ' ',
  length:3
}

이것 이 바로 표준 JSON 배열 형식 으로 일반적인 JSON 과 비교 하면 마지막 에 length 속성 이 하나 더 생 겼 다.이런 특수 한 제 이 슨 형식 이 라면 ES6 의 문법 을 쉽게 사용 하여 배열 로 바 꿀 수 있다.
위의 JSON 코드 를 Array.from(xxx)을 사용 하여 배열 로 변환 합 니 다.코드 는 다음 과 같 습 니 다.

let json = {
  '0': ' ',
  '1': ' ',
  length: 2
}

let arr = Array.from(json)
console.log(arr)

결 과 는:
 ["남자
상기 에서 length 의 값 은 json 에서 length:2 를 제외 한 총화 와 같 습 니 다.만약 값 이 실제 적 이지 않 으 면 배열 에 undefined 가 나타 납 니 다.다음 과 같다.

결 과 는:

 2.Array.of()방법
그것 은 한 무더기 의 텍스트 나 변 수 를 배열 로 변환 하 는 것 을 책임 진다.개발 에서 우 리 는 배열 과 유사 한 문자열 을 자주 받 았 습 니 다.eval 을 사용 하여 변환 해 야 합 니 다.프로그램 을 늦 출 수 있 습 니 다.이 럴 때 우 리 는 Array.of 방법 을 사용 할 수 있다.예 를 들 면:

let arr =Array.of(3,4,5,6);
console.log(arr);

결 과 는:

물론 숫자 뿐만 아니 라 문자열 도 바 꿀 수 있다.

let arr =Array.of('es6',1,'  ');
console.log(arr);

결 과 는:

 3.find()인 스 턴 스 방법
 인 스 턴 스 방법 이란 Array 대상 으로 시작 하 는 것 이 아니 라 이미 존재 하 는 배열 이 있어 야 한 다 는 것 이다.그리고 사용 하 는 방법 이다.즉,인 스 턴 스 방법 은 이미 존재 하 는 배열 을 대상 으로 하 는 것 이다.
find 방법 에서 우 리 는 익명 함 수 를 입력 해 야 합 니 다.함 수 는 세 개의 매개 변 수 를 입력 해 야 합 니 다.

value:현재 찾 은 값 을 표시 합 니 다

index:현재 찾 고 있 는 배열 색인 을 표시 합 니 다

arr:현재 배열 을 표시 합 니 다

함수 에서 조건 에 맞 는 배열 요 소 를 찾 으 면 return 을 하고 찾기 를 중단 합 니 다.관련 코드 는 다음 과 같 습 니 다.

let arr=[0,1,2,3,4,5,6,7,8,9];
console.log(arr.find(function(value,index,arr){
  return value > 6;
}))

반환 결 과 는:7 입 니 다.조건 에 맞 는 값 을 찾 았 고 되 돌 아 왔 습 니 다.찾 지 못 하면 undefined 가 표 시 됩 니 다.
 4.fill()인 스 턴 스 방법
fill()도 하나의 인 스 턴 스 방법 입 니 다.배열 을 채 우 는 역할 을 합 니 다.세 개의 인 자 를 받 습 니 다.첫 번 째 인 자 는 채 워 진 변수 이 고 두 번 째 는 채 워 지기 시작 한 위치 이 며 세 번 째 는 채 워 진 위치 입 니 다.

let arr=[0,1,2,3,4,5,6,7,8,9];
arr.fill('es',2,5);
console.log(arr);

결 과 는:

위의 코드 는 배열 을 두 번 째 에서 다섯 번 째 까지 es 로 채 우 는 것 입 니 다.
5.배열 의 옮 겨 다 니 기--for...of 순환
(1)출력 배열 내용

let arr=[' ',' ']
for (let item of arr){
  console.log(item);
}

결 과 는 남자,여자.
(2)출력 배열 색인

let arr=[' ',' ']
for (let index of arr.keys()){
  console.log(index);
}

출력 값:
0、1
(3)배열 의 내용 과 색인 인 entries()방법 을 동시에 출력 합 니 다.

let arr=[' ',' ']
for (let [index,val] of arr.entries()){
  console.log(index+":"+val);
}

결 과 는:

6.entries()인 스 턴 스 방법
entries()인 스 턴 스 방식 은 Iterator 형식의 배열 을 생 성 합 니 다.이러한 형식의 장점 은 필요 할 때 next()로 수 동 으로 다음 값 으로 이동 할 수 있 습 니 다.다음 코드:

let arr=[' ',' ']
let list=arr.entries();
console.log(list.next().value);
console.log(list.next().value);

결 과 는:

관심 있 는 친 구 는 온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.