ホームページ > 記事 > ウェブフロントエンド > ES6/JavaScript 使用スキルの共有_JavaScript スキル

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

韦小宝オリジナル: 2017-12-15 14:32:231288ブラウズ

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

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

いくつかのヒント

1.new Set()

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

も ES6 で提供されているオブジェクトの拡張メソッドで、オブジェクトのマージやコピーに使用できます。以前はオブジェクトのマージも非常に面倒でしたが、今では次のように非常に簡単になります。

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}

6.every() //with 5 逆に、

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

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

~ 記号は JavaScript でビット単位の反転を実行するために使用されます。~~ は 2 回の反転を意味し、ビット単位の演算の結果も整数である必要があるため、ビット単位の演算の後は自動的に整数になります。 parseInt と同様に、小数部分を賢く削除できます。次のようになります。

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 使用スキルの共有_JavaScript スキル

関連記事