JavaScript の使用上のヒント

はじめに

この記事では主に、JavaScript コードを作成する際のいくつかの方法とテクニックを紹介します。すべての道はローマに通じている場合もありますが、常に最短の道がある場合があります。以下の JavaScript スキルを通じて、皆さんのコードが「複雑化して簡素化、簡素化して洗練」されることを願っています。

学んで上手に使いましょう

1. 新しいセット()

ES6 で Set という新しいデータ構造が提供されていることは知っている人もいるかもしれませんが、それを柔軟に使いこなせる人は多くありません。 Set データ構造を使用すると、次のように配列から重複を簡単に削除できます。 2. Object.assign()

Object.assign() も ES6 で提供されるオブジェクトの拡張メソッドですが、次のような 1 つのレイヤーしかコピーできません:

let arr = [1, 2, 2, 3];
let set = new Set(arr);
let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。

console.log(newArr); // [1, 2, 3]

3.マップ()

map メソッドは配列を走査するために使用され、戻り値を持ちます。配列の各項目を操作して新しい配列を生成することができます。場合によっては、コードを簡略化するために、次のようにすることができます。 4.フィルター()

filter メソッドは、名前が示すように、配列を走査するためにも使用され、配列をフィルターし、各要素の後にコールバック関数をトリガーし、判断によって現在の項目を保持または削除し、最後に次のような新しい配列を返します。

5. いくつか()

いくつかのメソッドは配列を走査し、各要素の後にコールバック関数をトリガーするために使用されます。条件を満たしている限り true を返し、それ以外の場合は、次のような比較と同様に false を返します。 6.毎()

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

7. ~~オペレーター

~ 記号は JavaScript でビット単位の反転を実行するために使用されます。 ~~ は、ビット単位の演算の演算値が整数である必要があり、結果も整数であることを意味します。そのため、ビット単位の演算が実行されるものはすべて自動的に整数になります。

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

console.log(obj3); // {a: 1, b: 2}

のように、parseInt と同様に小数部分を賢く削除できます。 8. || オペレーター

|| 演算子をうまく使用すると、次のような変数のデフォルト値を設定できます。 9. …オペレーター

…演算子は、ES6 で配列を構造解除するために使用されるメソッドであり、次のような配列のパラメーターを迅速に取得するために使用できます:

let arr3 = [1, 2, 3, 4, 5];

let newArr3 = arr3.map((e, i) => e * 10); // 给数组每一项乘以10

console.log(newArr3); // [10, 20, 30, 40, 50]

10. 三項演算子

この演算子は誰にとっても馴染みのあるもので、次のように if else の記述を簡素化できます。 結論

この記事では、コーディング効率を向上させるための JavaScript 構文の一般的な 10 のメソッドのみをリストし、それらを簡単に説明します。もちろん、それぞれの知識ポイントを適切に学習し、同時に使いこなすことができるようにしてください。

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