ホームページ  >  記事  >  ウェブフロントエンド  >  Es6 アレイ拡張

Es6 アレイ拡張

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-19 16:41:511605ブラウズ

今回はEs6配列の拡張についてお届けします。Es6配列拡張の注意事項は何ですか?実際のケースを見てみましょう。

配列の拡張
1. 拡張演算子: 配列をカンマで区切られた単一のパラメータに変換できます
...[1,2,3] //コンソールがレポートします実行中のエラー
console.log(...[1,2,3]);//applyメソッド
function test(a,b){return a+の代わりに1,2,3
(1) b;}
test.apply(null,[1,2]) は test(...[1,2]) と同じ効果があります
(2) 配列をコピーします
var arr1 = [1,2, 3],var arr2 = [];
arr2 = arr1.concat();
arr2 = [...arr1] または [...arr2] = arr1 //配列をコピーする効果も得られます
arr2 の値は arr1 には影響しません
( 3) 配列を結合します
arr2 を arr1 の最後に追加します
var arr1 = [1,2,3], arr2 = [4,5,6],arr3;
Array .prototype.push.apply(arr1, arr2) ; arr1.push(...[arr2]);
arr3 = [...arr1,...arr2] //[1,2,3, 4,5,6]
(4) 値を割り当てるための構造化代入と組み合わせます
[a,...b] = [1,2,3,4,5] // a---1, b---->[2,3,4, 5]
(5) stringをarray
let str = "word";
console.log(...str);//[ 'w'、'o'、'r'、'd']
Unicode エンコードが uFFFF を超え、4 バイトで表現する必要がある文字も識別できます。 var str = "asdc

以上がEs6 アレイ拡張の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。