将JavaScript数组中的字符串变为新数组中的对象键

本文的任务是将JavaScript数组中的字符串变为新数组中的对象键。让我们考虑一个简单的数组 —

let array= ['bike', 'car']

现在，我们将使用map()将上面的数组转换为一个新数组（对象中的键）。数组看起来将会是这个样子 —

let newArray= [{shorts: []},{tees: []}, ]

让我们深入本文来了解关于如何将JavaScript数组中的字符串变为新数组中的对象键。

使用map()

map()方法根据在每个元素上执行给定函数之后调用数组的内容来构建一个新数组。

句法

以下是map()的句法 —

array.map(function(currentValue, index, arr), thisValue)

为了更好地理解，让我们看看下面的例子，如何将JavaScript数组中的字符串变为新数组中的对象键。

示例

在以下示例中，我们使用map()运行脚本，将数组中的字符串转换为成为对象中的键。

<!DOCTYPE html>
<html>
   <body>
      <p id="tutorial"></p>
      <script>
         let arr = ['bike', 'car'];
         let newArr = arr.map(a => ({ [a]: [] }));
         document.getElementById("tutorial").innerHTML=JSON.stringify(newArr);
      </script>
   </body>
</html>

当脚本被执行时，它将生成一个包含数组的输出，并在执行脚本时触发的事件启动打印在网页上。

示例

以下是另一个例子

<!DOCTYPE html>
<html>
   <body>
      <p id="tutorial"></p>
      <script>
         let array= ['Bheem', 'Ram']
         let newarray = [];
         for(let item of array) {
            let obj = {};
            obj[item] = [];
            newarray.push(obj)
         }
         document.getElementById("tutorial").innerHTML=JSON.stringify(newarray);
      </script>
   </body>
</html>

在运行上面的脚本后，输出窗口将弹出，显示网页上作为脚本运行结果的数组。

示例

执行下面的代码以观察map()是如何用于将数组字符串转变为对象键的。

<!DOCTYPE html>
<html>
   <body>
      <p id="tutorial"></p>
      <p id="tutorial1"></p>
      <script>
         var values = ['studentNames', 'studentMarks'];
         document.getElementById("tutorial").innerHTML=JSON.stringify(values);
         var convertIntoNewArray = values.map(arrayObject => ({ [arrayObject]: [] }));
         document.getElementById("tutorial1").innerHTML=JSON.stringify(convertIntoNewArray);
      </script>
   </body>
</html>