概要es6 では、配列またはオブジェクトから指定された要素を取得する新しい方法が追加されました。これが今日お話しする「デストラクチャリング」です。 まず配列の分解について話しましょう構造化分解する前に、通常はインデックスに基づいて配列内の指定された要素を取得します。 定数arr = [1, 2, 3]; 定数a = arr[1]; 分解後、次のメソッドを使用して配列内の要素をすばやく取得できます。 定数arr = [1, 2, 3]; 定数[a, b, c] = arr; コンソールにログ出力します。 コンソールログ(b); コンソールログ(c); これはそれぞれa、b、cの値を出力します。
最初の 2 つの要素のみを取得したい場合は、次のように記述できます。 定数arr = [1, 2, 3]; 定数[a, b] = arr; コンソールにログ出力します。 コンソールログ(b); スプレッド演算子を組み合わせて、配列で指定された複数の要素を取得することもできます。次に例を示します。 定数arr = [1, 2, 3]; 定数[a, ...brr] = arr; コンソールにログ出力します。 コンソールログ(brr); このように、brr は 1 以外の要素で構成される配列となり、a と brr の印刷された値は次のようになります。
配列内の特定の要素のみを取得したい場合はどうすればよいでしょうか?たとえば、配列に 2 つだけ取得したい場合は、どのように記述すればよいでしょうか? 定数arr = [1, 2, 3]; 定数[, a] = arr; コンソールにログ出力します。 上記では、特定の位置にある要素を取得するために、分解が配列自体の位置と一致するように、プレースホルダーとしてコンマを使用しています。 配列の分解について話した後、 オブジェクトの解体配列の分割とは異なり、オブジェクトの分割はプロパティ名に基づいて一致します。オブジェクトには配列の添え字のような順序がないため、添え字を使用して抽出することはできません。 定数オブジェクト = { 名前: 'wudixiaodoujie'、 年齢: 18 }; 定数名 = obj; console.log(名前); 武藤小豆傑 定数年齢 = 0; 定数 age: perAge } = obj; console.log(年齢ごと); 18 オブジェクトの分解は広く使用されています。たとえば、オブジェクトのプロパティやメソッドを頻繁に呼び出す必要がある場合は、分解によって変数に割り当てることができます。変数を介して呼び出すと、ある程度コードの量を減らすことができます。 以上がJS ES6におけるデコンストラクションの詳しい内容です。JS ES6におけるデコンストラクションの詳細については、123WORDPRESS.COMの他の関連記事もご覧ください。 以下もご興味があるかもしれません:
|
>>: 意外と知らないLinuxのSSHコマンドの使い方7選を徹底解説
Windows 環境と Linux 環境では結果が異なります。ウィンドウズステップ 1: Maven...
最近、モバイル ページを開発しているときに、ページの幅が 100% の場合、高さは幅の半分になり、携...
キャラクター小数点文字番号エンティティ名---未使用空間---スペースバー! ! ---感嘆符「 」...
目次マインドマップとは何ですか? F6で描く方法アリペイ微信要約するマインドマップとは何ですか?マイ...
まず、SFTP プロトコルと FTP プロトコルの違いを理解してください。ここでは詳細には触れません...
1. 現在、Pythonのバージョン管理ツールは数多く存在します。その中でも比較的使いやすいのがPy...
目次1. setState は同期的ですか?非同期ですか? 2. 非同期的に動作する1. React...
テーブル user があり、フィールドは id、nick_name、password、email、p...
目次1. まずRefとは何かを説明しましょう2. フックでのrefの使用1. HTMLDomフックで...
この記事では、Baidu News Navigation Barの効果を実現するための具体的なJSコ...
1 Dockerサービスを開始するまず、docker サービスを開始する方法を知っておく必要がありま...
目次フォワードプロキシnginx リバースプロキシnginx リバースプロキシ 02リバースプロキシ...
今日は、CSS を使用してクールな画像カルーセル コンポーネントを作成する方法を学びます。その原理は...
MySQLのマスタースレーブ構成と原理、参考までに具体的な内容は以下のとおりです。 1. 環境の選択...
少し前に、「ORACLE でコミットされていないトランザクションの SQL ステートメントを見つける...