ES 6/JavaScript使用技術シェア

2507 ワード

JavaScriptコードを作成する時にある方法とテクニックは、道がローマに通じることがありますが、一番短い道があるかもしれません.本文はいくつかのことを知っていますが、あまり使わないテクニックを皆さんに共有します.
いくつかの小さなテクニック
1.new Set()
配列の重さが失われ、「潜在意識」の中で循環して重さを比べるべきだと思いますが、ES 6に新たに新しいデータ構造Setを提供しました.彼を使って簡単に配列を重させることができます.

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]
2.Object.assign()
ES 6で提供されるオブジェクトの拡張方法でもあり、オブジェクトの統合コピーに使用できます.前のオブジェクトの合併も煩わしいですが、今はeasuryです.

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

let arr6 = [{result: true}, {result: false}];
let newArr6 = arr6.every((e, i) => e.result); //      false,  false
console.log(newArr6); // false
7.三項演算子
この演算子はみんなよく知っているはずです.書き取りの場合はif elseの書き方を簡略化できます.

let e = true,
f = '';
if (e) {
f = 'aaa';
} else {
f = 'bbb';
}
//    
f = e ? 'aaa' : 'bbb';
8.~~演算子
~符号はJavaScriptにおいてビットで逆を取る役割があります.~つまり2回の逆を取るのです.ビット演算の操作値は整数を要求しています.その結果も整数です.したがって、ビット演算の後は自動的に整数になります.小数点を上手に取り外すことができます.たとえば、パースIntに似ています.

let a = 1.23;
let b = -1.23;
console.log(~~a); // 1
console.log(~~b); // -1
おわりに
本文はJavaScript文法の中でよく見られるいくつかの点だけを挙げて、速度を上げる方法を示しています.巧学の過程で、巧用知識の効果を達成してほしいです.