JavaScriptでオブジェクトを配列に変換する方法-jsチュートリアル-php.cn

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

青灯夜游

リリース： 2021-11-19 17:28:33

オリジナル

30180 人が閲覧しました

変換方法: 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 = {&#39;未完成&#39;:5, &#39;已完成&#39;:8, &#39;待确认&#39;:4, &#39;已取消&#39;: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 サイトの他の関連記事を参照してください。