Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで2つの配列を1つのオブジェクトに結合する方法


たとえば、同じ長さの2つの配列があり、2つの配列をオブジェクトにマップする関数を作成する必要があるとします。最初の配列の対応する要素がオブジェクトの対応するキーになり、2番目の配列の要素が値になります。

最初の配列を減らし、同時に2番目の配列の要素にインデックスでアクセスします。このためのコードは-

になります

const keys = [
   'firstName',
   'lastName',
   'isEmployed',
   'occupation',
   'address',
   'salary',
   'expenditure'
];
const values = [
   'Hitesh',
   'Kumar',
   false,
   'Frontend Developer',
   'Tilak Nagar, New Delhi',
   90000,
   45000
];
const combineArrays = (first, second) => {
   return first.reduce((acc, val, ind) => {
      acc[val] = second[ind];
      return acc;
   }, {});
};
console.log(combineArrays(keys, values));

出力

コンソールの出力は-

になります
{
   firstName: 'Hitesh',
   lastName: 'Kumar',
   isEmployed: false,
   occupation: 'Frontend Developer',
   address: 'Tilak Nagar, New Delhi',
   salary: 90000,
   expenditure: 45000
}

  1. JavaScriptでインポートされたオブジェクトを非構造化するにはどうすればよいですか?

    以下は、JavaScriptでインポートされたオブジェクトを非構造化するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&g

  2. 2つの配列を1つのJavaScriptオブジェクトに変換できますか?

    以下は、2つの配列を1つのJavaScriptオブジェクトに変換するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>