JS遍历对象修改属性值

Posted 2023-05-27 mengdie1978

JS遍历对象修改属性值

根据接口返回数据中number属性值,对数据进行截取,并改变属性名.直接上码:

下面是需要处理的数据

let data="minValue":7400,
"maxValue":"18500",
"value":
　　"value":[
　　　　"dmdDate":"2019-05","dmdAppValue":"9999",
　　　　"dmdDate":"2019-06","dmdAppValue":"8888",
　　　　"dmdDate":"2019-07","dmdAppValue":""
　　　　],
　　  "number":2
　　

根据number值对数据截取

var num=data.value.number;// 2
var arr=data.value.value.slice(0,num);

改变属性的方法

方法一:

var arr2 = JSON.stringify(arr).replace(/dmdDate/g, "leftText").replace(/dmdAppValue/g, "value");
console.log(arr2) // ["leftText":"2019-05","value":"9999","leftText":"2019-06","value":"8888"]
var arr3=JSON.parse(arr2) 
console.log(arr3) //arr3为属性名改变后的数据

方法二:

var key1="leftText",key2="value";
for(var i=0;i<arr.length;i++)
arr[i][key1]=arr[i].dmdDate
arr[i][key2]=arr[i].dmdAppValue
delete arr[i].dmdDate
delete arr[i].dmdAppValue

// console.log(key1,key2)
console.log(arr) //arr为属性改变后的数据

js程序设计03——面向对象

ECMAScript中有2中属性：数据属性、访问器属性。

数据属性是为了指定某对象的指定key上的一些行为，比如value是否可删除、修改、key可循环遍历等特点。而访问器属性不包含数据值，包含一堆get、set方法（非必须），读取访问对象属性时，采用getter、setter分别实现。

数据属性包括：

• Configurable：表示能否通过delete删除该属性，或者修改重新定义属性，默认false
• Enumerable：表示for-in循环返回属性，默认false
• Writable：表示能否修改属性值，默认false
• Value：包含这个数据的值

一旦把属性定义为不可配置的，就不能再把它变回可配置了：

var person = {};
Object.defineProperty(person,"name",{
  configurable:false,
  value:"admin"
});

//直接报错：TypeError: Cannot redefine property: name
Object.defineProperty(person,"name",{
  configurable:true,
  value:"test"
})

因为这里的"name"属性已经定义为configurable：false，即不可重新修改属性，所以再次修改会报错。

var person = {
  name:"我是没修改前的值",
  _age:22
};

Object.defineProperty(person,"age",{
  get:function(){
    return this._age;
  },
  set:function(newValue){
    if(newValue > this.age){
      this._age = newValue;
      this.name += " 哈哈，我是修改后的name值";
    }
  }
});

person.age = 22;
console.log(person);

person.age = 23;
console.log(person);

执行结果：

注意：这里的属性下划线是一种记号，表示只能通过对象方法访问的属性，这样一来，对该属性的读取会使用get、set来实现，如果只指定get表示不能写入，只指定set表示不能读取。

那么，如何一次性声明定义多个属性呢，如下：

var person = {};
Objetc.defineProperties(person,{
  _name:{
    value:"chaozhou"
  },
  age:{
    value:23,
    set:function(newValue){
      this.age = newValue;
    },
    get:function(){
      return this.age;
    }
  },
  sex:{
    value:"男"
  }
});