JS巧学巧用

1.new Set()
ES 6に新しいデータ構造Setが提供されていることを知っている人もいるかもしれませんが、活用できる人は少ないかもしれません.Setデータ構造を利用して、簡単に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]

2.Object.assign()
Object.assign()は、ES 6において提供されるオブジェクトの拡張方法でもあり、オブジェクトの合成コピーに使用することができる.

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); //         10

console.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方法は配列を遍歴するために用いられ、各要素の後にあるコールバック関数をトリガし、条件を満たすとtrueに戻ります.そうでないとfalseに戻り、124 124 124比較と似ています.

let arr5 = [{result: true}, {result: false}];

let newArr5 = arr5.some((e, i) => e.result); //      true，  true

console.log(newArr5); // true

6.every()
everry方法は、配列を巡回するために使用され、各要素の後にあるコールバック関数をトリガし、条件を満たさない限りfalseに戻ります.そうでないとtrueに戻ります.&比較のようなものです.

let arr6 = [{result: true}, {result: false}];

let newArr6 = arr6.every((e, i) => e.result); //      false，  false

console.log(newArr6); // false

7.～～演算子
符号はJavaScriptにおいてビットによって逆を取る作用があります.つまり2回を取ります.ビット演算の操作値は整数を要求しています.その結果も整数です.だからビット演算をしたものは自動的に整数になります.小数点を上手に取り除けることができます.たとえば、パースIntに似ています.

let a = 1.23;
let b = -1.23;

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

8.𞓜演算子
𞓜𞓜演算子を巧みに使うと、変数にデフォルトの値を設定できます.

let c = 1;
let d = c || 2; //   c   true      ，   2

console.log(d); // 1

9.…演算子
…演算子はES 6において配列を解く方法であり、配列のパラメータを迅速に取得するために使用できます.

let [num1, ...nums] = [1, 2, 3];

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

10.三項演算子
この演算子はみんなよく知っているはずです.書き取りの場合はif elseの書き方を簡略化できます.

let e = true,
    f = '';

if (e) {
    f = 'man';
} else {
    f = 'woman';
}

//    
f = e ? 'man' : 'women';