ES6/JavaScript の使用に関するヒント (詳細なチュートリアル)

この記事では主に ES6/JavaScript の使用スキルについて説明します。必要な方は参考にしてください。

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 で提供されるオブジェクトのマージとコピーにも拡張メソッドを使用できます。以前はオブジェクトのマージも非常に面倒でしたが、今では次のように簡単になります。配列を走査するために使用されます。戻り値を使用すると、配列の各項目を操作して新しい配列を生成できます。場合によっては、コードを簡素化するために for ループと forEach ループを置き換えることができます (例:

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

4)。 filter()

filterメソッド 名前が示すように、配列をフィルタリングし、各要素の後でコールバック関数をトリガーし、判断によって現在の項目を保持または削除し、最後に戻ります。

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

5.some ()

のような新しい配列。配列を走査し、各要素の後でコールバック関数をトリガーするために使用されます。条件を満たしている限り、true を返します。それ以外の場合は、次のような || 比較と同様に false を返します:

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 でビットごとの反転を実行するために使用されます ~~ を 2 回反転することを意味します。ビット単位の演算の演算値は整数である必要があり、結果も整数であるため、ビット単位の演算を受けるすべてのものは自動的に整数になります。parseInt と同様に、小数部分を賢く削除できます。例:

let arr6 = [{result: true}, {result: false}];
let newArr6 = arr6.every((e, i) => e.result); // 只要一个为false，即为false
console.log(newArr6); // false

上記は皆さんのためにまとめたものです、今後皆さんのお役に立てれば幸いです。

関連記事:

ノードレイヤーを使用してマルチパートフォームファイルのアップロードを実装する方法

Reactを使用してポータルの再利用可能なコンポーネントをカプセル化する方法

ノードの中間サービス層でリクエストを送信する方法(詳細なチュートリアル)

Node で Excel コンテンツを取得する方法

以上がES6/JavaScript の使用に関するヒント (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。