精华内容
下载资源
问答
  • js 更改对象中属性名 & 数组对象中每个对象添加一个字段-map用法和forEarch用法 1、js给对象添加变量属性 1、js创建一个对象或者原有对象上添加一个已知属性,并给这个属性赋值,写法如下: let obj = {'a1...

    js给对象添加变量属性 & js 更改对象中的属性名 & 数组对象中每个对象添加一个字段-map用法和forEarch用法

    1、js给对象添加变量属性

    1、js创建一个对象或者在原有对象上添加一个已知属性,并给这个属性赋值,写法如下:

    let obj = {'a1':'a1'};
    obj['a2'] = 'a2';
    console.log(obj);//输出{'a1':'a1','a2':'a2'};
    

    2、添加一个变量属性,并赋值变量,写法如下:

    function add(name,value){
        let obj = {"a1":"a1"};
        obj[name] = value;//返回参数
        console.log(obj);//{"a1":"a1","b1":"b1"}
    }
    add("b1","b1");
    

    3、js 更改对象中的属性名

    const json = JSON.parse(JSON.stringify(options).replace(/name/g,"label"));
    

    注:

    1、options是需要更改属性的对象

    2、replace(/name/g,“label”) ,将对象里所有属性为name的都修改成label

    2、js把数组里面的所有对象合并成一个对象

    let obj = [{
             name1: '张三',
             age1: "12"
        },
        {
             name2: '李四',
             age2: "14"
        },
        {
             name3: '王五',
             age3: "30"
        }
    ]
    
    let newObj = {} // 新建一个对象
    
    obj.forEach((item) => {
        newObj = {
             ...newObj,
              ...item
        } // 要把自己放进去
    })
    console.log(newObj) // { name1: "张三", age1: "12", name2: "李四", age2: "14", name3: "王五", age3: "30" }
    

    3、数组对象中每个对象添加一个字段

    小案例

    let arr = [{
         'name': 'aa',
         'age': 10
       },
       {
          'name': 'bb',
          'age': 12
       }
    ]
    let newArr = []
        arr.map((item, index) => {
        newArr.push(
            Object.assign({}, item, {
                 id: index
            })
        )
    })
    
    
    console.log(arr) // [ {'name': 'aa', 'age': 10},{'name': 'bb', 'age': 12}]
    console.log(newArr)
            // [ {name: "aa", age: 10, id: 0},{name: "bb", age: 12, id: 1}]
    

    详解

    将数组对象中每一个对象添加一个字段

    let arr = [
        {name: 'lilei',age: '25'},
        {name: 'nike',age: '23'},
        {name: 'alisa',age: '23'}
    ]
    
    使用Array map()方法

    map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

    map()方法将调用的数组的每个元素传递给指定的函数,并返回一个数组,它包含该函数的返回值,有三个参数
    1、currentValue 必须。当前元素的值
    2、index 可选。当前元素的索引值
    3、index 可选。当前元素属于的数组对象

    let _arr = []
    arr.map((item, index) => {
    	_arr.push(Object.assign({},item,{sex: 'men'}))
    }))
    //  _arr返回结果
    [
       {name: 'lilei',age: '25',sex: 'men'},
       {name: 'nike',age: '23',sex: 'men'},
       {name: 'alisa',age: '23',sex: 'men'}
    ]
    

    小案例

     let arr = [23, 31, 60, 88, 90, 108, 260]
            /* 1. 需求:数组中的每一个元素+1 */
            let arr1 = arr.map((value, index) => {
                return value + 1 //让每个元素的值+1
            })
            console.log(arr1); //) [24, 32, 61, 89, 91, 109, 261]
    
            /* 2.需求:超过100的商品打八折 */
            let arr2 = arr.map((value, index) => {
                if (value > 100) {
                    return value * 0.8
    
                } else {
                    return value;
                }
            })
            console.log('arr2', arr2); // [23, 31, 60, 88, 90, 86.4, 208]
    
    使用Array forEach()方法

    forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
    1、currentValue 必须。当前元素的值
    2、index 可选。当前元素的索引值
    3、index 可选。当前元素属于的数组

    arr.forEach((value , index) => {
    	value['sex'] = 'men'
    })
    //  返回原数组arr
    [
       {name: 'lilei',age: '25',sex: 'men'},
       {name: 'nike',age: '23',sex: 'men'},
       {name: 'alisa',age: '23',sex: 'men'}
    ]
    

    综合实例

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    
    <body>
        <script>
            let arr = [{
                    'name': 'aa',
                    'age': 10
                },
                {
                    'name': 'bb',
                    'age': 12
                }
            ]
            let newArr = []
            arr.map((item, index) => {
                newArr.push(
                    Object.assign({}, item, {
                        id: index
                    })
                )
            })
    
    
    
            console.log(arr) // [ {'name': 'aa', 'age': 10},{'name': 'bb', 'age': 12}]
    
            console.log(newArr)
            // [ {name: "aa", age: 10, id: 0},{name: "bb", age: 12, id: 1}]
    
            let ary = [{
                    name: 'lilei',
                    age: '25'
                },
                {
                    name: 'nike',
                    age: '23'
                },
                {
                    name: 'alisa',
                    age: '23'
                }
            ]
            ary.forEach((value, index) => {
                value['sex'] = 'men'
            })
            console.log(ary)
        </script>
    </body>
    
    </html>
    

    效果图-数组对象中添加字段

    在这里插入图片描述

    展开全文
  • 对象中添加属性 语法: 对象.属性名 = 属性值; 对象[“属性名”] = 属性值; //这种方式能够使用特殊的属性名 对象的属性名没有任何要求,不需要遵守标识符的规范,但是开发中,尽量按照标识符的要求去写。 属性...

    向对象中添加属性

    语法:
    对象.属性名 = 属性值;
    对象[“属性名”] = 属性值; //这种方式能够使用特殊的属性名

    对象的属性名没有任何要求,不需要遵守标识符的规范,但是在开发中,尽量按照标识符的要求去写。
    属性值也可以任意的数据类型。

    读取对象中的属性
    语法:
    对象.属性名
    对象[“属性名”] //“属性名”可以使字符串常量,也可以是字符串变量
    如果读取一个对象中没有的属性,它不会报错,而是返回一个undefined

    删除对象中的属性

    语法:

    delete 对象.属性名  
    delete 对象["属性名"]
    
    展开全文
  • 1、先来看个简单的例子 var array = [{"name":"a1"},{"name":"b1"}];...2、再来换个例子,objectArray是个数组,里面存放了对象,首先往 objectArray 对象里存放 Key 属性属性值,再判断 num...

    1、先来看个简单的例子

    var array = [{"name":"a1"},{"name":"b1"}];
    array.forEach((value, index) => {
        value.age = 1;
    })
    

    结果如下:

    2、再来换个例子,objectArray是个数组,里面存放了对象,首先往 objectArray 对象里存放 Key 属性和属性值,再判断 number 是否为空,不为空再往 objectArray 对象里存放 Number 属性和属性值:

    开始的对象属性:

    var params = {
        Name: "name", 
        Label: {
            Objects: [
                {        Key: "key1"        }, 
                {        Key: "key2"        }
           ]
        }
    }
    var name = $('#Name').val();
    var objectName = $('#objectName').val().split(",");
    var number = $('#number').val().split(",");
    			
    var objectArray = new Array();
    var params = {
        Name: name,
        Delete: {
            Objects: objectArray
        }
    };
    for (var i = 0; i < objectName.length; i++) {
        var obj = {};
        obj["Key"] = objectName[i];
        objectArray.push(obj);
    }
    if (number != null && "" != number) {
        objectArray.forEach((value, index) => {
            value["Number"] = number[index];
        })
    }

    如果 number 不为空的对象属性:

    var params = {
        Name: "name", 
        Label: {
            Objects: [
                {       Key: "key1",   Number: "11"     }, 
                {       Key: "key2",   Number: "22"     }
           ]
        }
    }

    3、循环往数组 array1 中添加 class 属性

    var array1 = [{"name":"a1","shapes":[{"age":12,"sex":"female"}]},
                  {"name":"b1","shapes":[{"age":10,"sex":"male"}]}];
    
    array1.forEach(item => {
        item.shapes.forEach(value => {
            value.class = "1";
        })
    })

    结果如下:

     

     

     

    感谢以下几篇博客:

    https://blog.csdn.net/u012746918/article/details/92622420

    https://www.cnblogs.com/mica/p/11759141.html

    https://blog.csdn.net/longgeaisisi/article/details/82916476

     

     

     

    展开全文
  • JS中对象对象属性

    2018-07-18 22:19:15
    对象创建格式: 在js中可以使用字面量(直接量)创建对象,格式为: {属性名1:属性值1,属性名2:属性值2,......} 属性名的命名规则与变量名相同 ...js特有功能:对象在创建之后可以添加新的属性   p1.s...

    对象创建格式:

    在js中可以使用字面量(直接量)创建对象,格式为:
    {属性名1:属性值1,属性名2:属性值2,......}

    属性名的命名规则与变量名相同

    var p1 = {
        name:"名字",
        age:20
    };

    可以使用 打点 的方式访问对象的属性

    console.log(p1.name);

    js特有功能:对象在创建之后可以添加新的属性
       

    p1.sex = "男";
    console.log(p1);

    对象的属性值也可以是对象类型(对象的嵌套)
       

    var p2 = {
        name:"小明",
        age:12,
        father:{
            name:"老王",
            age:40
        }
    }

    对象的属性除了可以打点访问,还可以通过[]访问,通过[]访问时,[]写的是属性名的字符串

    console.log(p2["name"]);

    for-in,用于遍历对象中所有属性名.
       

    for(var key in p2){
            console.log(p2[key]);
        }

     

    展开全文
  • 本文实例讲述了JS实现给对象动态添加属性的方法。分享给大家供大家参考,具体如下: 工作用要用到给jd对象动态添加属性的要求,网上找到了一种解决方式,实例如下: 1、demo var aa="maker"; var bb=123; var ...
  • js对象添加动态属性

    2019-01-23 11:00:00
    业务,经常会遇到使用同个方法调用多个同类型接口,以下简单模拟两个API接口 1 // api-1 2 { 3 code: 0, 4 status: 200, 5 title: 'web前端框架', 6 list: [ 7 {id: 1, name: 'React'}, 8 {id...
  • 本例,我们将展示如何使用 prototype 属性来向对象添加属性: <script type="text/javascript"> function employee(name,job,born) { this.name=name; this.job=job; this.born=born; } var ...
  • 在对象直接量属性名与属性值之间通过冒号分隔,冒号左侧是属性名,右侧是属性值,名值对(属性)之间通过逗号分隔。 [示例1] 在下面示例,使用直接量方法定义对象 obj,然后添加了两个成员,一个是属性,另一...
  • 项目中有可能会遇到not extensible的对象,这个时候我们只能拷贝一份对象,然后再我们新拷贝的对象中进行数据操作。 以下为sample代码: var copiedData = [] // 用于储存拷贝的对象 ... // 对象中做一些数据操作
  • 如题过.添加属性和用prototype添加属性方法有什么区别?
  • var obj = new Object(); 1》 js中定义属性的三种... 定义时添加属性:  var xx = {name:”ls”,age:21};(这种是最常见的) 2》 js中删除对象的属性:使用delete关键字,如:delete obj.age; 转载于:https://...
  • 一个html页面,向后台发出带参数的请求,此时参数可能属于js中的多个不同对象 function hebing (url){ // 获取可变参数内容 var length = arguments.length;、 // 从第二个参数开始获取,因为第一个是固定...
  • 自定义属性一般用自定义属性选择器 html标签的属性可分为html自带属性和自定义属性 html自带的属性又分为...HTML标签中添加属性叫做标签属性 找到这个元素对象,通过打点访问的属性是这个对象属性。 这...
  • 前端开发经常需要给某个对象添加一个属性值或者修改某一属性值就可以用this.$set()方法 data(){ return{ test:{ cur:0 } } } js methods:{ click(){ this.$set(this.test,'cur',this.test....
  • 网格对象提供了几个属性和方法用于改变它场景的位置和显示效果。 如下: 还有一个属性就是visible属性,默认为true,如果设置为false,THREE.Mesh将不渲染到场景。 mesh对象的前三个属性position,rotation...
  • , true)这样的语句,开始简单的以为就是为DOM对象添加class属性的。于是想attr("class", "selected")是不是可以替换这个语句呢? 于是改造了例子,代码如下: let srcFilterObjs = d3.select...
  • 以下代码,custShortName是this.state.custBasicInfo的一个属性,但是我们需要额外赋值时,必须...扩展符之上,因为对象默认不添加或者修改已存在的属性: custBaseInfo: { custShortName: this.state....
  • js中,清空对象(删除对象属性

    万次阅读 2016-12-28 10:13:15
    项目,有些对象用完后需要重置,下面简单介绍下JS中清除对象的方法。方法如下: 方法一:字面量定义对象 第一步,定义一个空对象并打印出来,代码和效果: 代码: const student = {}; console.log(student...
  • Vue 添加删除对象中属性

    千次阅读 2019-06-25 11:00:12
    data(){ form:{ a:'', b:'' } } //添加 this.$set(对象, '属性名',属性值) //删除 ...//js方法 仅2.2.0+版本支持 //Vue.delete(this.form,'a');//vue方法 this.$delete(this.form,'a'); ...
  • js对象属性

    2016-09-07 12:07:26
    当代码读取某各对象的某个属性时,都会执行一次搜索,搜索首先从对象实例本身开始...实例中添加属性与实例原型的属性同名,该属性会屏蔽原型中的那个属性。使用delete操作符可以完全删除实例属性,从而让我们能够重
  • 在对象实例中添加一个实例属性中存在的同名属性,该属性会屏蔽原型中的属性(不会改变原型中同名属性的值) 当该属性为引用类型值时,调用某些方法e.g.:push()、pop()等会改变原型中的同名属性的值 下图: ...
  • 页面经常使用隐藏域暂存一些数据,但是存放 json 对象时,会出现将 json 对象存放到隐藏域,但是取出后输出显示为 [Object object],而且无法通过“ .属性名 ”的方式获取属性。 【解决方法】 先通过 var ...
  • 1,自定义对象。... 2,原型(prototype) 在JS中,这是一种创建对象属性和方法的方式,通过prototype可以为对象添加新的属性和方法。 通过prototype我们可以为JS标准对象添加新的属性和方法,例如对于String...
  • 我的需求是想把arr1和arr2添加到resultArr ,并且给arr2分别添加index属性为arr1的idnex值。代码如下: const arr1 = [{ id: 1, name: 'a', index: 0 }, { id: 2, name: 'b', index: 1 }]; const arr2 = [{ id: 3,...
  • js创建对象并赋值其属性原创 2013年09月22日 13:45:40 7383今天开发遇到js对象操作问题,做了以下总结: 对象定义 var obj = new Object(); 或 var obj = {}; 添加属性 obj.name = 'tom'; obj.ses='man'; ...
  • 项目,有些对象用完后需要重置,下面简单介绍下JS中清除对象的方法。方法如下: 方法一:字面量定义对象 第一步,定义一个空对象并打印出来,代码和效果: 代码: var student = {};console.log(student); ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,758
精华内容 703
关键字:

js在对象中添加属性