js で関数を学び、使用する方法

はじめに

最近、仕事や生活の変化により、記事を書く頻度が少し落ちてしまいましたが、近いうちに少しずつ回復すると思いますので、今後ともよろしくお願いいたします。

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

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

1. new Set()

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

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]

2. Object.assign()

Object.assign() は、ES6 で提供されるオブジェクトの拡張メソッドでもあり、マージに使用できます。オブジェクトをコピーします。例:

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

3。map()

map メソッドは、戻り値を持ち、配列の各項目を操作して新しい配列を生成することができます。 for ループと forEach ループを置き換えてコードを簡素化できます (例:

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

4)。filter()

filter メソッドは、名前が示すように、配列をフィルタリングし、後でコールバック関数をトリガーするためにも使用されます。最後に、

let arr4 = [1, 2, 3, 4, 5];let newArr4 = arr4.filter((e, i) => e % 2 === 0); // 取模，过滤余数不为0的数console.log(newArr4); // [2，4]

5 のような新しい配列を返します。some()

some メソッドを使用して、各要素の後にコールバック関数をトリガーします。条件を満たしている限り true を返し、それ以外の場合は || 比較と同様に false を返します。例:

let arr5 = [{result: true}, {result: false}];let newArr5 = arr5.some((e, i) => e.result); // 只要一个为true，即为trueconsole.log(newArr5); // true

6.every()

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

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

7)。~~operator

~ シンボルは JavaScript でビット単位の反転を実行するために使用されます。 . ~~ は 2 回反転することを意味し、ビット演算の演算値は整数である必要があり、結果も整数なので、ビット演算の後、自動的に小数部分を削除することができます。 parseInt (例:

let a = 1.23;let b = -1.23;console.log(~~a); // 1console.log(~~b); // -1

8) || 演算子

|| 演算子を賢く使用すると、変数を設定できます:

let c = 1;let d = c || 2; // 如果c的值为true则取存在的值，否则为2console.log(d); // 1

9...演算子は次のとおりです。 ES6 で配列を構造解除するために使用されるメソッド。次のような配列のパラメーターを迅速に取得するために使用できます。 三項演算子

この演算子は、if else の記述を簡素化できます。

let [num1, ...nums] = [1, 2, 3];console.log(num1); // 1console.log(nums); // [2, 3]

結論

この記事では、コーディング効率を向上させるための 10 個の一般的なメソッドを簡単に説明しています。上手に学びながら上手に使うことで効果が得られます。

学習プロセス中に問題が発生した場合、または学習リソースを入手したい場合は、学習交換グループに参加してください

以上がjs で関数を学び、使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。