ES6/JavaScript 사용법 공유
2994 단어 ES6JavaScript사용 기교
약간의 기교.
1.new Set()
배열 의 무 게 를 줄 이 고'잠재의식'에서 순환 을 한 다음 에 무 게 를 비교 해 야 한다 고 느 꼈 다.사실은 ES6 에서 새로운 데이터 구조 Set 를 추가 하여 그 로 배열 을 쉽게 재 구성 할 수 있다.예 를 들 어:
let arr = [1,1, 2, 2, 3, 3];
let set = new Set(arr); //
let newArr = Array.from(set); // Array.from Set 。
console.log(newArr); // [1, 2, 3]
2.Object.assign()또한 ES6 에서 제공 하 는 대상 의 확장 방법 입 니 다.대상 의 합병 복사 에 사용 할 수 있 습 니 다.예전 의 대상 과 합병 하 는 것 도 번 거 롭 지만 지금 은 easy 입 니까?예 를 들 어:
let obj1 = {a: 1};
let obj2 = {b: 2};
let obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // {a: 1, b: 2}
3.map()map 방법 은 배열 을 옮 겨 다 니 는 데 사 용 됩 니 다.반환 값 이 있 습 니 다.배열 의 모든 항목 을 조작 하고 새로운 배열 을 만 들 수 있 습 니 다.어떤 때 는 for 와 foreach 순환 을 대체 하여 코드 를 간소화 할 수 있 습 니 다.예 를 들 어:
let arr3 = [1, 2, 3, 4, 5];
let newArr3 = arr3.map((e, i) => e * 10); // 10
console.log(newArr3); // [10, 20, 30, 40, 50]
4.filter()filter 방법 역시 배열 을 옮 겨 다 니 는 데 사 용 됩 니 다.말 그대로 배열 을 걸 러 내 는 것 입 니 다.모든 요소 뒤에 반전 함 수 를 촉발 합 니 다.판단 을 통 해 현재 항목 을 보류 하거나 제거 한 다음 에 새로운 배열 로 돌아 갑 니 다.예 를 들 어:
let arr4 = [1, 2, 3, 4, 5];
let newArr4 = arr4.filter((e, i) => e % 2 === 0); // , 0
console.log(newArr4); // [2,4]
5.some()some 방법 은 배열 을 옮 겨 다 니 는 데 사 용 됩 니 다.모든 요소 뒤에 리 셋 함 수 를 실행 합 니 다.조건 만 만족 하면 true 로 돌아 갑 니 다.그렇지 않 으 면 false 로 돌아 갑 니 다.||비교 와 유사 합 니 다.예 를 들 어:
let arr5 = [{result: true}, {result: false}];
let newArr5 = arr5.some((e, i) => e.result); // true, true
console.log(newArr5); // true
6.every()//5 와 반대 되 는every 방법 은 배열 을 옮 겨 다 니 는 데 사 용 됩 니 다.모든 요소 뒤에 반전 함 수 를 실행 합 니 다.조건 에 만족 하지 않 으 면 false 로 돌아 갑 니 다.그렇지 않 으 면 true 로 돌아 갑 니 다.&비교 와 유사 합 니 다.예 를 들 어:
let arr6 = [{result: true}, {result: false}];
let newArr6 = arr6.every((e, i) => e.result); // false, false
console.log(newArr6); // false
7.삼원 연산 자이 연산 자 는 모두 가 비교적 잘 알 고 있 을 것 이다.외 워 쓰 는 상황 에서 if else 의 쓰기 방법 을 간소화 할 수 있다.예 를 들 어:
let e = true,
f = '';
if (e) {
f = 'aaa';
} else {
f = 'bbb';
}
//
f = e ? 'aaa' : 'bbb';
8.연산 자~기 호 는 자바 스 크 립 트 에서 비트 에 따라 반 을 취 하 는 역할 을 합 니 다.~즉,반 두 번 을 취 하 는 것 입 니 다.비트 연산 의 조작 치 는 정수 이 고 그 결과 도 정수 이기 때문에 비트 연산 을 거 친 것 은 모두 자동 으로 정수 가 되 고 소수 부분 을 교묘 하 게 제거 할 수 있 습 니 다.예 를 들 어 parseInt 와 유사 합 니 다.예 를 들 어:
let a = 1.23;
let b = -1.23;
console.log(~~a); // 1
console.log(~~b); // -1
결어본 고 는 자 바스 크 립 트 문법 에서 흔히 볼 수 있 는 몇 가지 속 도 를 높 일 수 있 는 방법 만 열거 하 였 으 니 여러분 들 이 교묘 하 게 배 우 는 과정 에서 교묘 하 게 지식 을 사용 하 는 효 과 를 얻 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
(Javascript) ES6의 주요 특징 정리let을 사용하면 선언한 변수는 블록안에서만 유효하게 된다. const 역시 마찬가지로 블록스코프를 따른다 .const 와 let의 차이점은 const 는 상수로 값을 할당한다는 점이다. 따라서 값을 변경시키려고 하...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.