数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究在 JavaScript 中将数组中的字符串转换为对象键并存入新数组？
本文将要执行的任务是在 JavaScript 中将数组中的字符串转换为对象键并存入新数组。让我们考虑一个简单的数组 -
let array= ['bike', 'car']
现在，我们将使用map()将上述数组转换为一个新数组（对象中的键）。然后数组将如下所示 -
let newArray= [{shorts: []},{tees: []}, ]
让我们深入本文，了解更多关于在 JavaScript 中将数组中的字符串转换为对象键并存入新数组的信息。
使用 map()
map()方法通过对每个元素执行给定函数，从调用数组的内容构建一个新数组。
语法
以下是map()的语法 -
array.map(function(currentValue, index, arr), thisValue)
为了更好地理解，让我们看看以下将数组中的字符串转换为对象键并存入新数组的示例
示例
在以下示例中，我们使用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>
当脚本执行时，事件被触发并在网页上显示实际数组和更改后的数组。
更新于: 2023年4月21日
1K+ 次查看
广告