ES6/JavaScript 使用スキルの共有_JavaScript スキル

この記事では主に ES6/JavaScript の使用スキルについて説明します。JavaScript に興味のある友人や、JavaScript を学習中の学生は参考にしてください。

JavaScript コードを記述する場合には、いくつかの方法とテクニックがありますが、すべての道はローマに通ず、常に最短の道が存在する可能性があります。この記事では、誰もが知っていてもあまり使わないヒントをいくつか紹介します

いくつかのヒント

1.new Set()

配列の重複排除、「潜在意識」の感覚では、実際、ES6 では、重複配列を簡単に削除できる新しいデータ構造 Set が提供されています。

3 .map()
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()
名前が示すように、filter メソッドは配列を走査するためにも使用されます。配列をフィルターし、各要素の後で

をトリガーし、現在の項目を保持または削除し、最後に次のような新しい配列を返します。 some()

some メソッドは、配列を走査するために使用されます。コールバック関数は、条件を満たしている限り true を返し、そうでない場合は false を返します。例:

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

everyメソッドは、配列を走査し、各要素の後にコールバック関数をトリガーするために使用されます。要素の 1 つが条件を満たさない限り false を返し、それ以外の場合は && 比較と同様に true を返します。たとえば、次のとおりです。

この演算子は、誰もがよく知っているはずです。次のようなサイレント ライティングでの if else の記述を簡素化できます。

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

この記事では、
JavaScript 構文

関連する推奨事項:

ES6 を使用してシングルトン パターンとそのアプリケーションを実装する方法を詳細に説明します

概要JavaScript ES6のモジュール構文の詳しい説明

以上がES6/JavaScript 使用スキルの共有_JavaScript スキルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。