html 创建数组和对象,javascript – 循环遍历一个对象数组并创建一个新对象

墨蓝 2022-10-07 04:49 165阅读 0赞

我有一个对象数组,每个对象都有一个标题,内容和content

HTML.我想映射这个数组并创建一个新对象.新对象将获取title属性的值,并将其用作每个content和contentHTML属性的父属性.下面的代码似乎只是获取数组中的最后一个对象.

结果是：

\{

"sidebar": \{

"text": "Some sidbar text here",

"content": "

Some sidebar text here

"

\}

\}

预期的结果是：

\{

header: \{

text: "Some header text here",

content: "

Some header text here

"

\},

footer: \{

text: "Some footer text here",

content: "

Some footer text here

"

\},

sidebar: \{

text: "Some sidbar text here",

content: "

Some sidebar text here

"

\}

\}

var originalObj = \[\{

title: "header",

content: "Some header text here",

contentHTML: "

Some header text here

"

\},

\{

title: "footer",

content: "Some footer text here",

contentHTML: "

Some footer text here

"

\},

\{

title: "sidebar",

content: "Some sidbar text here",

contentHTML: "

Some sidebar text here

"

\}

\];

let newObject = \{\};

for (let item of originalObj) \{

var tempObj = \{

\[item.title\]: \{

text: item.content,

content: item.contentHTML

\}

\};

newObject = tempObj;

\}

console.log(newObject);

发表评论取消回复

表情：

评论列表（有 0 条评论，165人围观）

还没有评论，来说两句吧...

相关阅读

相关遍历数组中嵌套的对象，循环嵌套循环

遍历数组中嵌套的对象，循环嵌套循环 for(var i=0;i<this.tableOption.column.length;i++){//循环数组 ...

阳光穿透心脏的1/2处/ 2024年04月18日 15:42/ 0 赞/ 72 阅读

相关定义一个对象数组获取另一个对象数组的值

var multipleSelectionForm = [ { billCategory: 31

梦里梦外;/ 2022年12月28日 12:45/ 0 赞/ 161 阅读

相关 JavaScript 遍历数组赋值成对象并push到新数组中

初始数据 list = ['750', '1080', '1125', '1242', '1242'], data = [] 遍历数组，生成对象，push到

﹏ヽ暗。殇╰゛Y/ 2022年12月08日 05:48/ 0 赞/ 215 阅读

相关 html 创建数组和对象,javascript – 循环遍历一个对象数组并创建一个新对象

我有一个对象数组,每个对象都有一个标题,内容和content HTML.我想映射这个数组并创建一个新对象.新对象将获取title属性的值,并将其用作每个content和con

墨蓝/ 2022年10月07日 04:49/ 0 赞/ 166 阅读

相关 js创建数组，创建对象

一个英文字母占一个字节,一个中文占2个字节，字节用Byte表示(或者B) 1kb=1024B=1024\8bit 1kb=1024byte=1024\8bit

悠悠/ 2022年09月17日 11:22/ 0 赞/ 204 阅读

相关 javascript之遍历数组对象

1.处理json串： var obj = \{ 'one':1, 'two':2, 'three':3\}; 第一：获取value值

刺骨的言语ヽ痛彻心扉/ 2022年08月23日 03:59/ 0 赞/ 204 阅读

相关 jquery遍历数组、集合、对象

1. 2. 1.jquery 遍历对象 3. 4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tran

ゝ一世哀愁。/ 2022年07月24日 05:27/ 0 赞/ 205 阅读

相关 javascript如何遍历对象和数组，遍历方法总结

1.遍历对象的方法 var obj = { 'a': 1, "b": 2 , 'c': 3 }; //方法一

矫情吗；*/ 2021年11月11日 10:56/ 0 赞/ 383 阅读

相关 9、遍历数组和对象

遍历数组和对象 1、循环遍历 2、检查数组更新 -------------------- 1、循环遍历 <!DOCTYPE html>

蔚落/ 2021年09月25日 04:20/ 0 赞/ 414 阅读

相关 js 遍历数组、对象

上一篇文章（[https://blog.csdn.net/liuxiao723846/article/details/106857447][https_blog.csdn.ne

快来打我*/ 2021年08月30日 22:50/ 0 赞/ 569 阅读