あなたが共有したい便利なJSスニペットがありますか?

8206 ワード
showdev javascript テキストリンク
だから、それはかなり簡単です.JavaScriptの1行か2行を探しています.
ボールを転がしていくつかの例から始めましょう.
  • アレイスプレッドを介した浅い配列のクローン.
    • const originalArray = [1, 2, 3];
const shallowArrayClone = [...originalArray];
    Array.protoype.slice経由で浅いアレイのクローン.
    const originalArray = [1, 2, 3];
const shallowArrayClone = originalArray.slice();

    ニックテイラー

    これは、const new array =を行うことができます.小道具slice ()sort ()
    午前4時27分- 2017年9月15日
    オブジェクトを広げているオブジェクトの
  • 浅いクローン.
    • const originalObject = { a:1, b: 2, c: 3 };
const shallowObjectClone = {...originalObject};
  • オブジェクトを経由してオブジェクトの浅いクローンを1つのプロパティをオーバーライドして展開します.
    • const originalObject = { a:1, b: 2, c: 3 };
const shallowObjectClone = {...originalObject, c: 45 };
  • Setを使用して配列の一意な値を取得する
    • const arrayWithDuplicateValues = [1, 2, 3, 3, 1, 5];
const uniqueArray = Array.from(new Set(arrayWithDuplicateValues);
    or
    const arrayWithDuplicateValues = [1, 2, 3, 3, 1, 5];
const uniqueArray = [...new Set(arrayWithDuplicateValues)];
  • 2つの配列が同じ値を持つかどうかを確認します.
    • const a = [1, 2, 3];
const b = [2, 3, 4];

const uniques = new Set(a.concat(b));
const haveSameValues = uniques.length === a.length // or uniques.length === b.length;
  • ESスプレッド演算子と配列を持つ配列を平坦化します.プロトタイプ.コンコー.ジョナサンZの大きな先端世話.


    • ジョナサンZ .ホワイト
    ジョナサンホワイト

    あなたがContextとES 6スプレッド演算子を使用して多次元配列を平らにするまで☀️
    午前3時47分
    const arrayToFlatten = [ [1,2,3], [4,5,6], [7,8,9] ];
const flattenedArray = [].concat(...arrayToFlatten);
    上記の2020更新
    [ [1,2,3], [4,5,6], [7,8,9] ].flatMap(x=>x)
    そして行く!
    Flickrユーザーのカバーイメージ世話.
    怠惰な負荷画像に対する新しいデッドシンプルなオープンソースWebコンポーネント
    グラフアルゴリズム-5ステップのみで、2つのノード間のすべてのパスを取得します(再帰的ではありません).