ES6 함수 와 배열 용법 인 스 턴 스 분석

본 논문 의 사례 는 ES6 함수 와 배열 의 용법 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.

1.대상 의 함수 재 구성
ES6 는 전후 단 이 분 리 될 때 백 엔 드 에서 JSON 형식의 데 이 터 를 되 돌려 주 고 전단 은 이 JSON 형식의 데 이 터 를 매개 변수 로 함수 내부 로 직접 전달 하여 처리 할 수 있 도록 이러한 해체 할당 값 을 제공 합 니 다.예 를 들 면:

let json = {
  a:'es6',
  b:'es5'
}
function fun({a,b='es5'}){
  console.log(a);//es6
  console.log(b);//es5
}
fun(json);

결 과 는:

2.배열 의 함수 재 구성
 배열 을 설명 한 다음 방법 을 쓰 고 마지막 으로...으로 할당 을 해제 합 니 다.

let arr = ['1','2','3'];
function fun(a,b,c){
  console.log(a,b,c);//1,2,3
}
fun(...arr);

3.in 의 용법
in.대상 이나 배열 에 어떤 값 이 있 는 지 판단 하 는 데 사 용 됩 니 다.우선 in 으로 대상 에 어떤 값 이 있 는 지 판단 하 는 방법 을 살 펴 보 자.
(1)대상 판단

let obj={
  a:'a-es6',
  b:'b-es5'
}
console.log('a' in obj); //true

(2)배열 판단
먼저 ES5 판단 의 폐 해 를 살 펴 보면,이전 에는 length 속성 을 사용 해 판 단 했 는데,0 은 배열 요소 가 없다 는 뜻 이다.그러나 정확 하지 않 거나 실제 개발 에 단점 이 있다.

let arr=[,,,,,];
console.log(arr.length); //5

위의 코드 는 5 를 출력 했 지만 배열 에 서 는 모두 빈 값 입 니 다.이것 이 바로 구덩이 입 니 다.그럼 ES6 의 in 으로 이 문 제 를 해결 할 수 있 습 니 다.

let arr=[,,,,,];
console.log(0 in arr); //false
let arr1=['a','b'];
console.log(0 in arr1); // true

메모:여기 0 은 배열 아래 표 시 된 위치 가 비어 있 는 지 여 부 를 말 합 니 다.
4.배열 의 옮 겨 다 니 는 방법
(1)forEach

let arr=['a',b','c'];
arr.forEach((val,index)=>console.log(index,val));

결 과 는:

foreach 순환 의 특징 은 빈 배열 요 소 를 자동 으로 생략 하 는 것 으로 우리 에 게 직접 비 워 주 는 것 과 같다.
(2)filter

let arr=['a','b','c'];
arr.filter(x=>console.log(x));

출력 결 과 는:

(3)some

let arr=['a','b','c'];
arr.some(x=>console.log(x));

결 과 는:

(4)map
맵 은 여기 서 교체 역할 을 합 니 다.

let arr=['a','b','c'];
console.log(arr.map(x=>'web'));

결 과 는:

5.배열 변환 문자열
(1)toString()방법

let arr=['a','b','c'];
console.log(arr.toString());

전환 할 때 는 단지 쉼표 로 막 았 을 뿐이다.
결 과 는:

(2)join()방법

let arr=['a','b','c'];
console.log(arr.join("|"));

결 과 는:

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