이 글은 주로 ES6/JavaScript 사용법을 설명합니다. 도움이 필요한 친구들이 참고할 수 있습니다.
JavaScript 코드를 작성할 때 몇 가지 방법과 기술이 있습니다. 때로는 모든 길이 로마로 통하지만 항상 최단 경로가 있을 수 있습니다. 이 글에서는 모두가 알고 있지만 자주 사용하지 않는 몇 가지 팁을 공유하겠습니다.
몇 가지 팁
1.new Set()
배열 중복 제거, '잠재의식'에서는 다음과 같은 느낌이 듭니다. 반복되어야 하며 중복 제거와 비교할 때 실제로 ES6은 배열 중복을 쉽게 제거하는 데 사용할 수 있는 새로운 데이터 구조 Set을 제공합니다. ES6에서 제공되는 객체 확장 메서드를 사용하여 객체를 병합하고 복사할 수도 있습니다. 이전에는 객체 병합도 매우 번거로웠지만 이제는 매우 쉽습니다. 예:
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]
3.map()
map 메소드는 배열을 탐색하는 데 사용됩니다. 반환 값을 사용하면 배열의 각 항목에 대해 작업을 수행하고 새 배열을 생성할 수 있습니다. 때로는 다음과 같이 for 및 forEach 루프를 대체하여 코드를 단순화할 수 있습니다. 4.filter()
filter 메소드 이름에서 알 수 있듯이 배열을 필터링하고, 각 요소 다음에 콜백 함수를 트리거하고, 판단을 통해 현재 항목을 유지하거나 제거하는 데에도 사용됩니다. 마지막으로 다음과 같은 새 배열을 반환합니다. let obj1 = {a: 1};
let obj2 = {b: 2};
let obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // {a: 1, b: 2}
5.some ()
some 메서드는 배열을 순회하고 각 요소가 조건을 충족하는 한 콜백 함수를 트리거하는 데 사용됩니다. true를 반환하고, 그렇지 않으면 다음과 같이 || 비교와 유사하게 false를 반환합니다. let arr3 = [1, 2, 3, 4, 5];
let newArr3 = arr3.map((e, i) => e * 10); // 给数组每一项乘以10
console.log(newArr3); // [10, 20, 30, 40, 50]
6 .every() //5의 반대인
every 메서드는 배열을 탐색하고 트리거하는 데 사용됩니다. 각 요소 뒤에 콜백 함수가 있으면 조건을 충족하지 않으면 false를 반환하고, 그렇지 않으면 && 비교와 유사하게 true를 반환합니다. 예: let arr4 = [1, 2, 3, 4, 5];
let newArr4 = arr4.filter((e, i) => e % 2 === 0); // 取模,过滤余数不为0的数
console.log(newArr4); // [2,4]
7. 이 연산자는 다음과 같습니다.
let arr5 = [{result: true}, {result: false}]; let newArr5 = arr5.some((e, i) => e.result); // 只要一个为true,即为true console.log(newArr5); // true
8.~~연산자
~ 기호는 JavaScript에서 비트 반전을 수행하는 데 사용됩니다. 비트 연산의 연산 값은 정수여야 하고 결과도 정수이므로 비트 연산을 수행하는 모든 항목은 자동으로 정수가 됩니다. 예를 들어 parseInt와 유사하게 소수 부분을 영리하게 제거할 수 있습니다. :
let arr6 = [{result: true}, {result: false}]; let newArr6 = arr6.every((e, i) => e.result); // 只要一个为false,即为false console.log(newArr6); // false
위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 분들께 도움이 되기를 바랍니다. 관련 기사:
노드 레이어를 사용하여 다중 부분 양식 파일 업로드를 구현하는 방법React를 사용하여 포털 재사용 가능 구성 요소를 캡슐화하는 방법
노드의 중간 서비스 레이어에서 요청을 보내는 방법(자세한 튜토리얼)
노드에서 Excel 콘텐츠를 얻는 방법
위 내용은 ES6/JavaScript 사용에 대한 팁(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!