ES6/JavaScript 사용법 공유

자 바스 크 립 트 코드 를 작성 할 때 존재 하 는 방법 과 기교 입 니 다.때로는 모든 길이 로마 로 통 하지만 가장 짧 은 경로 가 있 을 수도 있 습 니 다.본문 은 모두 알 면서 도 별로 사용 하지 않 는 작은 기 교 를 모두 에 게 나 누 어 주 었 다.
약간의 기교.
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
결어
본 고 는 자 바스 크 립 트 문법 에서 흔히 볼 수 있 는 몇 가지 속 도 를 높 일 수 있 는 방법 만 열거 하 였 으 니 여러분 들 이 교묘 하 게 배 우 는 과정 에서 교묘 하 게 지식 을 사용 하 는 효 과 를 얻 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기