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

es6 で配列のようなオブジェクトを配列に変換する方法

青灯夜游
青灯夜游オリジナル
2023-01-03 14:33:492309ブラウズ

変換方法: 1. 「for in」ステートメントを使用して、配列のようなオブジェクトを配列に変換します。構文は「for(var i in obj){console.log(arr.push(obj)」です。 [i])); }"; 2. 組み込みオブジェクトのキーと値、構文「Object.keys(obj)」および「Object.values(obj)」を使用します。 3. 次の from() 関数を使用します。 Array オブジェクト、構文「Array.from(obj)」。

es6 で配列のようなオブジェクトを配列に変換する方法

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

#配列クラスとは何ですか?

JavaScript には、配列に似ていても配列ではない、配列様オブジェクトと呼ばれるオブジェクトがいくつかあります。

#配列のようなオブジェクトとは何ですか?

には、0 から始まる整数と 自然に増加する整数がキー として含まれており、要素の数を表すために使用される length オブジェクトも定義されています。通常、 のような配列オブジェクトとみなされます。

  • には、オブジェクト要素を指す数値インデックスの添字があり、長さ属性によってオブジェクト内の要素の数がわかります。

  • にはありません。たとえば、push、forEach、indexOf などの配列オブジェクトにはメソッドがあります;

クラス配列を配列に変換します

#最初のメソッド: for in を使用して、配列のようなオブジェクトを配列に変換します。

<script type="text/javascript">
		var obj = {
			0: &#39;a&#39;,
			1: &#39;b&#39;,
			2: &#39;c&#39;,
		};
		console.log(obj[0]);
		console.log(typeof obj);
		var arr = [];
		for(var i in obj){
			console.log(arr.push(obj[i]));
		}
		console.log(arr);
		//把类数组对象放在一个名为arr的新数组里使得obj变成了数组

		console.log(arr instanceof Array);//判断arr是否为数组

	</script>

es6 で配列のようなオブジェクトを配列に変換する方法次の場合オブジェクト全体を取得します:

let arr1 = []
		for (let i in obj) {
			let newobj = {}
			newobj[i] = obj[i]
			arr1.push(newobj);
		}
		console.log(arr1);

es6 で配列のようなオブジェクトを配列に変換する方法

2 番目のメソッド: 組み込みオブジェクトのキーと値

組み込みオブジェクト Object.keys: キーを取得します

組み込みオブジェクト Object.values は値を取得します
#
let obj = {
			&#39;1&#39;: 5,
			&#39;2&#39;: 8,
			&#39;3&#39;: 4,
			&#39;4&#39;: 6
		};
		//内置对象Object.keys:获取键
		var arr = Object.keys(obj)
		console.log(arr);
		//内置对象Object.values获取值
		var arr2 = Object.values(obj)
		console.log(arr2);

es6 で配列のようなオブジェクトを配列に変換する方法# 3 番目のメソッド: Array.from( )

let obj = {
		&#39;0&#39;: 5,
		&#39;1&#39;: 8,
		&#39;2&#39;: 4,
		&#39;3&#39;: 6,
		&#39;length&#39;:4
	};
	    let arr = Array.from(obj)
		console.log(arr);

Array.from() はオブジェクトを配列に変換し、2 つの条件を満たす必要があります

1: キーは数値である必要があります。

2: 長さが必要なキーと値のペア

長さを記述しない場合:

長さのキーと値のペアを追加する場合:

es6 で配列のようなオブジェクトを配列に変換する方法##知識の拡大: for of、for in、forEach の違い

#
let arr = [&#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;,&#39;周五&#39;,&#39;周六&#39;,&#39;周日&#39;]
		// for of
		for (let item of arr) {
			console.log(item);
		}
        // for in
		for (let i in arr) {
			console.log(i);
		}
        // forEach
        arr.forEach(item => {
			console.log(item);
		})

効果は図に示すとおりです。


for of item は配列を表します。 特定のアイテム

es6 で配列のようなオブジェクトを配列に変換する方法

i in for in はインデックスを表します。通常、オブジェクトを走査するために使用されます。

#forEach メソッドは、 array の各要素を呼び出し、その要素をコールバック関数に渡すために使用されます。

for of

1.

for-in
ループ

#2 のすべてのトラップを回避できます。 break

Continuereturn
3.for-of ループを使用すると、配列のトラバーサル以上の機能がサポートされます。 。また、多くの配列のようなオブジェクトにも適用できます4。string traversal5 もサポートします。for-of は、元のネイティブ オブジェクトの処理には適していません
for in

注: for..in ループは特定の型のプロトタイプ内のメソッドとプロパティを走査するため、コード内で問題が発生する可能性があります 予期しないエラー

for Each

##1、foreach

メソッドでは、return、break、 continue ステートメントを使用してループを終了することはできません

2. forEach メソッドの関数コールバックには 3 つのパラメータがあります:

(1) パラメータは走査された配列の内容です (必須)

(2) パラメータは対応する配列インデックスです (オプション)

(3) パラメータは配列自体です (オプション)

3. 配列関数の各要素に対して、指定された要素を 1 回実行します。未定義es6 で配列のようなオブジェクトを配列に変換する方法を返します

[推奨学習: JavaScript ビデオ チュートリアル ]

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

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