[解決済み] キーの配列と値の配列からオブジェクトを作成する
2023-07-14 03:54:29
質問
2つの配列があります。
newParamArr
と
paramVal
.
の値の例
newParamArr
の配列の例です。
[ "Name", "Age", "Email" ]
.
の値の例
paramVal
の配列の例です。
[ "Jon", 15, "[email protected]" ]
.
配列のすべての項目を同じオブジェクトに配置するJavaScriptオブジェクトを作成する必要があります。例えば
{ [newParamArr[0]]: paramVal[0], [newParamArr[1]]: paramVal[1], ... }
.
この場合、結果は次のようになるはずです。
{ Name: "Jon", "Age": 15, "Email": "[email protected]" }
.
2つの配列の長さは常に同じですが、配列の長さは増えたり減ったりすることがあります。ということは
newParamArr.length === paramVal.length
は常に保持されることになります。
以下の投稿はどれも私の質問に答えるのに役立ちませんでした。
JSONオブジェクトを作成するためのJavascriptの再帰処理
どのように解決するのですか?
var keys = ['foo', 'bar', 'baz'];
var values = [11, 22, 33]
var result = {};
keys.forEach((key, i) => result[key] = values[i]);
console.log(result);
あるいは
Object.assign
result = Object.assign(...keys.map((k, i) => ({[k]: values[i]})))
またはオブジェクト拡散構文(ES2018)を使用します。
result = keys.reduce((o, k, i) => ({...o, [k]: values[i]}), {})
または
Object.fromEntries
(ES2019)のようになります。
Object.fromEntries(keys.map((_, i) => [keys[i], values[i]]))
lodashを使っている場合は _.zipObject がありますが、これはまさにこのタイプのものです。
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptの配列で一意な値をすべて取得する(重複を排除する)。
-
[解決済み] JavaScriptのオブジェクトの配列からidでオブジェクトを検索する
-
[解決済み] JavaScriptでオブジェクトのキー/プロパティの数を効率的にカウントする方法
-
[解決済み] 1...N を含む配列の作成方法
-
[解決済み] オブジェクトの配列から、プロパティの値を配列として取り出す。
-
[解決済み】オブジェクトの配列をプロパティ値でソートする
-
[解決済み] javascriptで2つの数値を連結する方法は?
-
[解決済み] 文字列が空白であるかどうかをチェックする
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] Google maps API V3 - 同一地点に複数のマーカーを設置する。
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] JavaScriptで:hoverのCSSプロパティを変更する
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] react-routerのハッシュフラグメントからクエリパラメータを取得する
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] CORS: 認証モードは 'include' です。
-
[解決済み] JavaScriptで長い配列を小さい配列に分割する方法