집 > 기사 > 웹 프론트엔드 > ES6/JavaScript 사용 기술 Sharing_javascript 기술

ES6/JavaScript 사용 기술 Sharing_javascript 기술

韦小宝원래의: 2017-12-15 14:32:231310검색

이 글은 주로 ES6/JavaScript의 사용법을 설명하고 있습니다. JavaScript에 관심이 있는 친구나 아직 JavaScript를 배우고 있는 학생이라면 참고하시기 바랍니다.

JavaScript 코드를 작성할 때 몇 가지 방법과 기술이 있습니다. 때로는 모든 길이 로마로 통하지만 항상 최단 경로가 있을 수 있습니다. 이 글에서는 모두가 알고 있지만 자주 사용하지 않는 몇 가지 팁을 공유하겠습니다.

몇 가지 팁

1.new Set()

배열 중복 제거, '잠재의식' 느낌에서, 중복을 제거하려면 루프 및 비교를 수행해야 합니다. 실제로 ES6은 다음과 같이 중복 배열을 쉽게 제거할 수 있는 새로운 데이터 구조 Set을 제공합니다.

은 또한 ES6에서 제공되는 객체의 확장 방법으로, 객체를 병합하고 복사하는 데 사용할 수 있습니다. 이전에는 객체를 병합하는 것도 매우 번거로웠지만 이제는 다음과 같이 매우 쉽습니다.

3 .map()
맵 메소드는

배열을 탐색

하는 데 사용되며 반환 값이 있으며 배열의 각 항목에 대해 작동하고 때로는 새 배열을 생성할 수 있습니다. for 및 forEach 루프를 사용하여 코드를 단순화합니다. 예:

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]

4.filter()

이름에서 알 수 있듯이 필터 메서드도 사용됩니다. 배열을 필터링하고 각 요소 다음에

콜백 함수를 실행합니다. Judge를 통해 현재 항목을 유지하거나 제거하고 마지막으로 다음과 같은 새 배열을 반환합니다.

5. some()

어떤 메소드는 배열을 순회하는 데 사용됩니다. 콜백 함수는 조건을 충족하는 한 true를 반환하고, 그렇지 않으면 || 비교와 유사하게 false를 반환합니다. 예:

let obj1 = {a: 1};
let obj2 = {b: 2};
let obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // {a: 1, b: 2}

6.every() //with 5 반대로

every 메소드는 배열을 순회하고 각 요소 다음에 콜백 함수를 트리거하는 데 사용됩니다. 요소 중 하나가 조건을 충족하지 않는 한 false를 반환하고 그렇지 않으면 && 비교와 유사하게 true를 반환합니다.
이 연산자는 모든 사람에게 친숙할 것입니다. 다음과 같이 자동 작성으로 if else 작성을 단순화할 수 있습니다.

~ 기호는 JavaScript에서 비트 반전을 수행하는 데 사용됩니다. ~~는 두 번 반전을 의미하며 비트 연산의 피연산자 값은 정수여야 하므로 비트 연산이 자동으로 정수가 됩니다.

let arr3 = [1, 2, 3, 4, 5];
let newArr3 = arr3.map((e, i) => e * 10); // 给数组每一项乘以10
console.log(newArr3); // [10, 20, 30, 40, 50]

Conclusion

다음은
JavaScript 구문

에서 속도를 향상시키는 몇 가지 일반적인 방법입니다. 누구나 능숙하게 학습하는 과정에서 지식을 능숙하게 활용하는 효과를 얻을 수 있습니다.

ES6/JavaScript 사용 기술 Sharing_javascript 기술

관련 기사