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

JavaScriptでn個の配列のn個のプロパティからオブジェクトの配列を作成するにはどうすればよいですか?


これらのようなリテラルの2つの配列があるとします-

const options = ['A', 'B', 'C', 'D'];
const values = [true, false, false, false];

次のように、これら2つの配列からオブジェクトの新しい配列を作成して返すJavaScript関数を作成する必要があります-

const response = [
   {opt: 'A', val: true},
   {opt: 'B', val: false},
   {opt: 'C', val: false},
   {opt: 'D', val: false},
];

以下はコードです-

const options = ['A', 'B', 'C', 'D'];
const values = [true, false, false, false];
const mapArrays = (options, values) => {
   const res = [];
   for(let i = 0; i < options.length; i++){
      res.push({
         opt: options[i],
         val: values[i]
      });
   };
   return res;
};
console.log(mapArrays(options, values));

出力

これにより、コンソールに次の出力が生成されます-

[
   { opt: 'A', val: true },
   { opt: 'B', val: false },
   { opt: 'C', val: false },
   { opt: 'D', val: false }
]



  1. JavaScriptでIDごとにオブジェクトの配列をグループ化する方法は?

    以下は、JavaScriptでオブジェクトの配列をIDでグループ化するコードです- 例 <!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>

  2. 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>