0
点赞
收藏
分享

微信扫一扫

JavaScript 对象动态的更改对象的属性名

止止_8fc8 2022-01-23 阅读 53

JavaScript 对象,动态的更改对象的属性名

1、普通对象

对象属性名和属性值, 通常是属性值是变动的,但名字是不变的 如:

let a = 'abc';
let obj = { name:"xxx" }
console.log(obj)  //{name: "xxx"}

2、使用变量动态的改变

1.使用 []包裹变量即可

let name = "111";
let obj1 = {
        [name]:"222"  
    }
console.log(obj1)  //{111: "222"}

2.属性名为字符串是使用模板字符串

  let a = 'abc';
  let b[`${a}`] = 'object'; //动态写法  这只能定义一个属性名

有大括号的动态写法

  let a = 'abc';
  let b = {
      [`${a}-1`]: true,
      [`${a}-2`]: true
  }
// 遍历数组,动态属性值
let a=[1,2,3,4];
for (const key of a) {
   console.log([`b${key}`])
 }

在这里插入图片描述

举报

相关推荐

0 条评论