js动态设置对象的key值

PEACEMINUSON

已于 2023-05-15 23:57:01 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： html 前端

于 2023-05-15 23:55:41 首次发布

本文链接：https://blog.youkuaiyun.com/PEACEMINUSON/article/details/130695226

这段代码创建了一个空对象`arr`，然后遍历`tableData`中的每一项，将`name`属性作为键，值设为`true`，并将每个处理后的对象添加到`listDatas`数组中。最后打印出`listDatas`数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原数组

      let arr = {}
      let listDatas = []
      for (let i in this.tableData) {
        let prop = this.tableData[i].name;
        arr = { [prop]: true }
        listDatas.push(arr)
      }
      console.log('listDatas', listDatas);

新数组

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

PEACEMINUSON

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【JS】js给对象动态添加、设置、删除属性名和属性值

余浩的博客

07-30

2万+

但是当我们遇到需要给对象动态添加属性和属性值时，点获取法好像就不方便了，尤其是我们不知道属性名的时候更麻烦。简短的回答是“有特别的顺序”整数属性会被进行排序，其他属性则按照创建的顺序显示。计算属性的含义很简单[fruit]含义是属性名应该从fruit变量中获取。注意如果我们遍历一个对象，我们获取属性的顺序是和属性添加时的顺序相同吗？当创建一个对象时，我们可以在对象字面量中使用方括号。js中访问对象属性一共有两种方法点获取法和方括号获取法。最常用的对象属性获取方法是点获取法。...

js动态给初始化对象设置key值

10-20

1834

【代码】js动态给初始化对象设置key值。

参与评论您还未登录，请先登录后发表或查看评论

js如何动态设置对象的key？

最新发布

王铁柱666的博客

03-08

635

在JavaScript中，如果你想要动态地设置对象的键（key），你可以使用方括号（这种语法允许你使用变量或表达式作为对象的属性名。这种方法非常有用，特别是当你需要根据某些条件或用户输入动态地设置对象属性时。在这个示例中，我们首先创建了一个空对象。接下来，我们使用方括号语法将。对象，可以看到它现在有一个名为。然后，我们定义了一个变量。，并将其设置为字符串。

key是动态设置

小菜张的博客

03-28

573

很多时候咱们需要动态的设置对象中的key值设置方法：使用 const resp = await Fetch.put(``, { [key] : this.photoStatus })

js创建动态key的对象ES6和ES5的方法

ys_healone的博客

09-13

3331

只要prop传入一个变量，就实现了，但是现在还有一个问题上面的属性默认是false，这会使你创建的对象只可读，无法枚举会使你无法用循环或者Object.keys()方法。情况解析：push没有什么问题，问题就是创建一个动态key的对象。这要用到es5中的一个对象方法：Object.defineProperty()定义新属性或修改原有的属性。有个场景，循环数组，根据每一项的值，往一个数组中push一个新对象，对象的key不同要从数组中获取。目标属性所拥有的特性。所以建议将上面的几个属性的特性一起设置。

javascript设置数组对象中的key值方法

Jack, what else can you do besides holding your little darling?

09-30

6783

javascript设置数组对象中的key值方法

js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

10-16

在JavaScript编程中，获取对象和数组的所有属性键值（key）与对应值（value）是基础且常见的操作。本文通过一系列的示例，向我们展示了如何通过编写函数来实现这一功能，同时也涉及到JavaScript中关于对象和数组的...

javascript 对象数组根据对象object key的值排序

10-24

首先，我们有一个JavaScript对象数组，例如： ```javascript var ary = [ {id: 1, name: "b"}, {id: 2, name: "b"} ]; ``` 在这个数组中，每个对象都有`id`和`name`两个属性。我们的需求是根据`name`或`id`的值...

js遍历json对象所有key及根据动态key获取值的方法(必看)

10-20

本文将探讨如何遍历JSON对象的所有键（key），以及如何根据动态键（dynamic key）获取对应的值。首先，遍历JSON对象的所有键是一个基础而重要的操作。在JavaScript中，可以使用for...in循环来实现这一点。for...in...

【JS/TS-动态地设置对象的键】

qq_38428433的博客

05-14

515

在 JavaScript 或 TypeScript 中，如果想动态地设置对象的键，可以使用方括号（

如果动态设置json对象的key

weixin_30340617的博客

04-29

307

项目中要求动态设置json的key属性，如果按照一般的json设置方法是不行的。假如你把一个key设置为一个变量的话，那么最后js解析出来的就是key为这个变量名而不是这个变量的值。解决：通过使用 var o = {}; o[变量名] = 变量值再把这个变量赋值给json即可。转载于:https://www.cnblogs.com/strangerqt/p/4465114.ht...

H5-JS动态改变对象的键值

lieuly的博客

10-30

355

<h1 id="h5-js动态改变对象的键值">H5-JS动态改变对象的键值</h1> <p>1.</p> <pre><code class="language-javascript">let lab

JavaScript修改对象中的key

weixin_51730356的博客

11-05

1487

js修改对象中key的方法：键对象的key值作为变量进行存储。

js 修改数组中对象的key

Tianxiaoxixi的博客

05-25

1429

js 修改数组中对象的key的名字

JS 对象动态添加Key value对

热门推荐

彤云望月

09-18

1万+

需求 json对象动态添加key value对。例如目前有个数据 columnList和dataList，需要解析成jsonArray columnList: [ '表头1', '表头2', '表头3' ] dataList: [ ['数据1', '数据2', '数据3'], ['数据11', '数据22', '数据22'], ] => data : [ { '表头1': '数据1', '表头2': '数据2', '表头3': '数据3' } ,{} ] 可以理解为动态增加Json

Js设置动态的key指

qq_45716607的博客

10-30

2907

可以在外面动态的设置key值 var data = {}; data['key1'] = "哈哈哈"; var variable = 'key2'; data[variable] = "嘿嘿嘿"; data.key3 = "也行"; console.log(data); //{key1: "哈哈哈",key2: "嘿嘿嘿",key3: "也行"} 可以写js表达式 const a={name:'xxx',age:100} a[9>10?'name':'age'] ...

【JavaScript】JS如何添加自定义对象的key

坚持不懈一往无前

12-17

3110

JS如何添加自定义对象的key

动态向对象中添加kay:value

weixin_68819400的博客

01-17

1023

声明一个空对象,循环数组,以数组中对象的id为key,以数组中对象的value为value。

js 动态生成键值(key)和对应值(value)

u014678583的博客

06-11

4825

假设原始数据是

js 动态改变对象key

09-30

在JavaScript中，动态地改变对象键通常涉及到对对象属性的直接操作，特别是当对象是通过字面量或对象字面量创建的时候。这里有几个方法可以实现： 1. **直接赋值**：如果你的对象是一个简单的键值对对象，可以直接给新的键赋值，旧的键会丢失。例如： ```javascript let obj = { key1: 'value1' }; obj.newKey = 'newValue'; // 动态添加新键 delete obj.key1; // 如果需要删除旧键 ``` 2. **使用`Object.defineProperty`或`Object.assign`**：对于更复杂的场景，你可以使用这两个函数来保护键不可变或合并对象。例如，添加新键： ```javascript Object.defineProperty(obj, 'newKey', { value: 'newValue', writable: true, enumerable: true, configurable: true }); ``` 或者合并两个对象： ```javascript let newObj = { ...obj, newKey: 'newValue' }; // 使用扩展运算符... ``` 3. **利用数组索引**：如果对象是以数组形式存储的键值对（键通常是数字），可以直接更新元素。例如： ```javascript let obj = { [0]: 'value1' }; obj[1] = 'newValue'; // 更改第二个键的值 ``` 请注意，动态改变对象键并不是所有情况下的最佳实践，特别是在处理复杂数据结构或期望保持某些数据结构不变的情况下。