ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでオブジェクトを配列に変換する方法

JavaScriptでオブジェクトを配列に変換する方法

青灯夜游
青灯夜游オリジナル
2021-11-19 17:28:0930157ブラウズ

変換方法: 1. 空の配列を定義します。 2. 「for (let i in obj){}」ステートメントを使用してオブジェクトを走査します。 3. ループ本体で、push() 関数を使用します。オブジェクト要素を配列に格納するための構文は、「let o = [];o[i] = obj[i];arr.push(o);」です。

JavaScriptでオブジェクトを配列に変換する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

たとえば、オブジェクト {'Unfinished':5, 'Completed':8, 'To beconfirmed':4, 'Cancelled':6} を変換する方法は ## です#[{"未完了":5},{"完了":8},{"確認中":4},{"キャンセル":6}]

オブジェクトの値を取得する 2 つの方法

JS でオブジェクトの値を取得する 2 つの方法があることは誰もが知っています。属性名を直接追加することで値を取得できます。 . の後に、これが最も頻繁に使用されます。1 つの方法、たとえば:

let obj = {name: 'yang'};
console.log(obj.name);  //yang
これが最も一般的な方法です。あまり使用しないもう 1 つの方法は、[] を使用することです。配列と同様に、属性名をラップして値を取得します。例:

let obj = {name: 'yang'};
console.log(obj[‘name’]);  //yang
ここで注意すべき点は、角括弧内の内容は変数または文字列のいずれかであることです。

違いは何ですか?既知のオブジェクトの場合、ほとんど違いはありません。

オブジェクトを配列に変換します

まず例を見てください

let obj = {'未完成':5, '已完成':8, '待确认':4, '已取消':6};
//将obj转化为
[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]

1. ターゲット配列は、オブジェクトのキーまたは値のセットを取得するだけです。

var arr = [];
for (let i in obj) {
    arr.push(i);        //key
    //arr.push(obj[i]); //值
}
console.log(arr);

2. 前述の例に従って、それを配列オブジェクトに変換します。必要なのは、プッシュ コンテンツをオブジェクトに変更することだけです。 #最後に、

for (let i in obj){}

、このメソッドは主にオブジェクトを走査するために使用され、in の後にオブジェクトが続き、i がキーです。

JavaScriptでオブジェクトを配列に変換する方法[推奨学習:

JavaScript 上級チュートリアル

]

以上がJavaScriptでオブジェクトを配列に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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