ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでオブジェクトを配列に変換する方法

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

青灯夜游
リリース: 2023-01-06 11:17:44
オリジナル
26630 人が閲覧しました

方法: 1. "Array.from(object)" ステートメントを使用します; 2. "Object.values(object)" ステートメントを使用します; 3. "Object.keys(object)" ステートメントを使用します。 4. 「Object.entries(object)」ステートメントを使用します。

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

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

javascript オブジェクトを配列に変換

1. Array.from() メソッド 、配列の浅いコピーに使用されます。配列のようなオブジェクトまたはトラバース可能なオブジェクトを実際の配列に変換することです。

例:

 let obj = {
        0: ‘nihao‘,
        1: ‘haha‘,
        2: ‘gansha‘,
        ‘length‘: 3
    } 
    let arr = Array.from(obj)
    console.log(arr);
ログイン後にコピー

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

ヒント: 1. オブジェクトには長さ属性が必要で、返される配列の長さは長さ length によって決まります
2 .key value 数値である必要があります

2、Object.values(object)

#ヒント: 最初のものとの違いは、長さ属性がそうでないことです。属性値

ここでは、列挙可能性について簡単に説明します。現時点では、この列挙可能性の使い方を理解していませんが、おそらく

オブジェクトの各属性には、属性の動作を記述および制御するために使用される説明オブジェクトがあることを意味します。 Object.getOwnPropertyDescriptor メソッドを使用して、説明オブジェクト (Object.defineProperty メソッドで設定) を取得します。

この数え切れないことについては、今後よく勉強して書きます!

例:

let obj = {
        0: ‘nihao‘,
        1: ‘haha‘,
        2: ‘gansha‘,
    }
    let arr = Object.values(obj)
    console.log(arr);
ログイン後にコピー

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

3、Object.keys(object)

ヒント: オブジェクトを返します独自の列挙可能な属性で構成される配列。配列内の属性名の順序は、for...in ループを使用してオブジェクトを走査するときに返される順序と一致します。

let obj = {
        0: ‘nihao‘,
        1: ‘haha‘,
        2: ‘gansha‘,
    }
    let arr = Object.keys(obj)
    console.log(arr);
ログイン後にコピー

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

4 、Object.entries(object)

ヒント: 指定されたオブジェクト自体の列挙可能なプロパティのキーと値のペアの配列を返します

let obj = {
        0: ‘nihao‘,
        1: ‘haha‘,
        2: ‘gansha‘,
    }
    let arr = Object.entries(obj)
    console.log(arr);
ログイン後にコピー

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

#【関連する推奨事項:

JavaScript 学習チュートリアル #】

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート