keyとvalue配列からオブジェクトを作るには。

Question

keyとvalue配列からオブジェクトを作るには、
forで順番に入れていくしか無いのでしょうか？
もっと簡潔に書く方法はありますか？

let key=["name","address","tel"];
let valuelist=[
  ["田中","日本","000000000"],
  ["佐藤","日本","000000000"]];

let objlist=[];
for(i=0; i<2; i++){
  let obj=[];
  obj[key[0]] = valuelist[i][0];
  obj[key[1]] = valuelist[i][1];
  obj[key[2]] = valuelist[i][2];
  objlist.push(obj);
}

Comments

[kei344]

コードに全角記号が混じっているので、修正されてはいかがでしょう。

[miyabi_pudding]

質問のコードを修正されたようですが、それだと、
obj[key[0]] = 〜...の時点でエラーが起きます。
なぜなら、for内のローカル変数objは、配列として宣言してるのに、
オブジェクトとしての代入をしようとしているからです。

スマホで質問されてるようですが、
PCにて、実際に動かしながらにした方がいいかと。
（出先なのかとは思いますが）
コードが動いている上での、もっとこうしたい、という質問なので、恐縮ながらアドバイスさせていただきました。

Answer 1

こんにちは

ベストアンサー決定後の回答、失礼します。
配列やオブジェクトの操作で便利なライブラリ lodash　に _.zipObject というメソッドがあります。これを使って、

const objlist = valuelist.map(v => _.zipObject(key, v));

とすると objlist が得られます。

• 動作確認用 CodePen: https://codepen.io/jun68ykt/pen/VwwVBPx?editors=0012

別解

lodash を使わない案も挙げておきます。

まず、以下の２つの配列

• [ "name", "address", "tel" ]
• [ "田中", "東京", "000000000" ]

から、下記の配列

• [ [ "name", "田中" ], [ "address", "東京" ], [ "tel", "000000000" ] ]

を得る関数を作ります。このような処理をする関数は、慣例的に zip と呼ばれるので、それに倣います。

const zip = (ary1, ary2) => ary1.map((e, i) => [e, ary2[i]]);

上記の zip によって得られる
[ [ "name", "田中" ], [ "address", "東京" ], [ "tel", "000000000" ] ]
という形式の配列を

• Object.fromEntries()

に渡せば、オブジェクトが作られます。以下はこれを使ったコードです。

const objlist = valuelist.map(v => 
    Object.fromEntries(zip(key, v))
);

• 動作確認用 CodePen: https://codepen.io/jun68ykt/pen/MWWzBVb?editors=0012

参考になれば幸いです。

Answer 2

繰り返し処理を二段階にすればいいのでは

const key = [ "name", "address", "tel" ];
const valuelist = [
  [ "田中", "日本", "000000000" ],
  [ "佐藤", "日本", "000000000" ]
];

const objlist = [];

valuelist.forEach(arrVal => {
  // objは、オブジェクトとして宣言する
  const obj = {};
  key.forEach((keyVal, index) => {
    obj[keyVal] = arrVal[index];
  });
  objlist.push(obj);
});

ただ、質問のコードと同じ動きをさせましたが、おそらく、質問者さんの意図した構造にならないかと・・・。
（valuelistの要素の値で毎回更新されるので、valuelistの最後の要素の分しか、objには入らない）

Comments

[退会済みユーザー]

ありがとうございます。
コードを見ながらスマホで打ったので、少々おかしな部分があったみたいです。大変失礼いたしました。
Object.keysの逆タイプの関数があるのではないかと思ったのですが、やはりfor文やmapで書くしかなさそうですね。

Answer 3

わざわざforで作る意味が分からないですが、
幾らでもやりようはあります。

var obj = {a:"test"};

オブジェクト初期化子

var json_str = `{
	"a": "test",
	"b": "hogehoge",
	"c": [
		123,
		456
	]
}
`;

console.log(JSON.parse(json_str));

Comments

[退会済みユーザー]

ありがとうございます。
オブジェクトを初期値に１つずつ直接書けばできるのですが、
key配列とvaluelist配列からオブジェクトを作る方法を探しています。

[m.ts10806]

もう少し前提や背景を記載いただけますか？
でないと「なぜ配列から始めるんだろう。普通にそういうの作ればいいじゃん」という印象なので。
繰り返しはforに限ったものではないですしね。別々の配列なのであれば何かしら繰り返し処理を入れるしかありません。
簡潔さを求めているのでしたらmapとかで工夫すればできないこともないかもしれませんが、
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/map

「key,value配列が必ず同じ数で、マッチする順番で入っている」保証が確約されているかどうかで難易度が変わります。

ので、その配列が送られてくる元を改修した方が早いんじゃないかと言う風にも思います。

[退会済みユーザー]

ありがとうございます。
確かにそのほうが早そうですね。見直してみます。