ES 6で破壊する配列

技術ブログの私のお気に入りの副作用の一つは、うまくいけば他の人々が有用なことを見つけるコンテンツを書くから、それは私が概念を固めるのに役立ちますことです.今週はES 6によるアレイ破壊に注目します.オブジェクトを使用して破壊することもできますが、将来のポストについては保存します.
では、正確に配列は破壊されているのでしょうか?一言で言えば、配列の破壊は個々の要素を配列の中に取り、個々の変数に割り当てる.したがって、基本的な例は次のようになります.

let letters = ["a", "b", "c", "d", "e"];
let [one, two] = letters;

console.log(one); // "a"
console.log(two); // "b"

ここでは、変数、文字を宣言し、その値をアルファベットの最初の5文字を含む文字列の配列に割り当てました.次に、変数1と2を含む配列である別の変数を宣言しました.値を変数文字に等しく設定し、値は文字列の配列です.これによって、変数の設定が可能になり、2つのコンソールで検証された文字列の最初の2つの要素が2つに等しくなります.log ()文.JavaScriptでは、変数名として整数を使用することは許されていないので、このコードは構文エラーをスローします.

let letters = ["a", "b", "c", "d", "e"];
let [1, 2] = letters;

console.log(one); // "a"
console.log(two); // "b"

配列破壊のもう一つの強力な機能は、REST構文を使用する能力です.前のコード例を取り、残りの3つの前に追加されたREST構文を追加した場合、このようになります次の結果を得ます.

let letters = ["a", "b", "c", "d", "e"];
let [one, two, ...three] = letters;

console.log(one); // "a"
console.log(two); // "b"
console.log(three) // ["c", "d", "e"]

REST構文を使用すると、変数3に格納されている新しい配列にこれらの値を1つ、2つ、および、またはそれらの値の後に来る値を取ることができます.
配列の破壊は変数の値を交換したい場合にも便利です.

let a = "cat"; 
let b = "dog";

[a, b] = [b, a];

console.log(a); // "dog"
console.log(b); // "cat"

最後に、データの配列を返す関数を使用して破壊を使用することもできます.

const retArray = () => {
    return ["a", "b", "c", "d", "e"];
}

let [one, two] = retArray();

console.log(one); // "a"
console.log(two); // "b"

ご覧のように、配列の破壊はES 6の強力な機能です.特に反応とVueのようなJavaScriptフレームワークで働くとき、それは役に立ちます.私の次のポストのために、私はJavaScriptオブジェクトで破壊を使用する方法について説明します.
それまでは
ハッピーコーディング!