js向object对象添加属性和向数组中追加元素

最新推荐文章于 2024-04-13 12:59:19 发布
最新推荐文章于 2024-04-13 12:59:19 发布
阅读量7.5k 收藏 8
点赞数 2
分类专栏： Javascript Jquery Html 文章标签： javascript jquery html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/120137906
版权
Html 同时被 3 个专栏收录
248 篇文章 7 订阅
订阅专栏
Javascript
231 篇文章 5 订阅
订阅专栏
Jquery
188 篇文章 1 订阅
订阅专栏

js向object对象添加属性和向数组中追加元素

json对象添加属性

var jsonObj={
      'param1':11,
      'param2' :22
};
jsonObj. param3='33';

json数组添加元素

 
var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]";
var jsonarray = eval('('+jsonstr+')');
var arr  =
     {
         "name" : $('#names').val(),
         "value" : $('#values').val()
     }
jsonarray.push(arr);

var jsonObj={};// 定义一个json对象
jsonObj.array1=["2","4"];// 增加一个新属性，此属性是数组jsonObj.array1[jsonObj.array1.length]='6';// 数组arr1追加一个元素
jsonObj.array2=["1","3","5"];//json对象中添加元素console.log(jsonObj);

对象内部数组中追加元素

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="format-detection" content="telephone=no"/>
    <title>对象合并</title>
</head>
<body>
<script>

    var follow_list_old = {
        "09/06": [
            {
                "follow_id": "298",
                "follow_time": "14:20",
                "follow_content": "已沟通,老客户,未接通电话,再次购买,无意向,vip客户,抽奖客户,新客户",
                "operator": "Gjx"
            },
            {
                "follow_id": "297",
                "follow_time": "14:18",
                "follow_content": "未接通电话",
                "operator": "Gjx"
            },
            {
                "follow_id": "296",
                "follow_time": "14:18",
                "follow_content": "老客户,抽奖客户",
                "operator": "Gjx"
            }
        ],
        "08/28": [
            {
                "follow_id": "111",
                "follow_time": "13:45",
                "follow_content": "无意向,抽奖客户,已沟通",
                "operator": "Gjx"
            }
        ],
        "08/27": [
            {
                "follow_id": "107",
                "follow_time": "17:44",
                "follow_content": "抽奖客户,新客户",
                "operator": "Gjx"
            },
            {
                "follow_id": "104",
                "follow_time": "15:38",
                "follow_content": "再次购买,已沟通",
                "operator": "Gjx"
            },
            {
                "follow_id": "103",
                "follow_time": "15:38",
                "follow_content": "抽奖客户,已沟通",
                "operator": "Gjx"
            },
            {
                "follow_id": "102",
                "follow_time": "14:56",
                "follow_content": "再次购买,已沟通",
                "operator": "Gjx"
            },
            {
                "follow_id": "101",
                "follow_time": "14:56",
                "follow_content": "已沟通",
                "operator": "Gjx"
            },
            {
                "follow_id": "100",
                "follow_time": "14:55",
                "follow_content": "已沟通",
                "operator": "Gjx"
            }
        ]
    };

    console.log('follow_list_old==', follow_list_old);


    var follow_list_new = {
        "08/27": [
            {
                "follow_id": "99",
                "follow_time": "14:55",
                "follow_content": "ddss",
                "operator": "Gjx"
            },
            {
                "follow_id": "98",
                "follow_time": "14:55",
                "follow_content": "再次购买,已沟通,老客户",
                "operator": "Gjx"
            },
            {
                "follow_id": "97",
                "follow_time": "14:55",
                "follow_content": "再次购买,已沟通",
                "operator": "Gjx"
            },
            {
                "follow_id": "96",
                "follow_time": "14:53",
                "follow_content": "再次购买,已沟通,已沟通,再次购买",
                "operator": "Gjx"
            },
            {
                "follow_id": "95",
                "follow_time": "14:52",
                "follow_content": "已沟通,抽奖客户",
                "operator": "Gjx"
            },
            {
                "follow_id": "94",
                "follow_time": "14:52",
                "follow_content": "已沟通,已沟通",
                "operator": "Gjx"
            },
            {
                "follow_id": "93",
                "follow_time": "14:51",
                "follow_content": "再次购买",
                "operator": "Gjx"
            },
            {
                "follow_id": "92",
                "follow_time": "14:48",
                "follow_content": "再次购买,已沟通,未接通电话",
                "operator": "Gjx"
            },
            {
                "follow_id": "91",
                "follow_time": "14:48",
                "follow_content": "再次购买,已沟通,抽奖客户,再次购买,未接通电话",
                "operator": "Gjx"
            },
            {
                "follow_id": "90",
                "follow_time": "14:48",
                "follow_content": "再次购买,已沟通,老客户,未接通电话",
                "operator": "Gjx"
            }
        ]
    };

    console.log('follow_list_new==', follow_list_new);

    for (var key in follow_list_new) {
        if (follow_list_new.hasOwnProperty(key) === true) {
            //此处hasOwnProperty是判断自有属性，使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问会避免原型对象扩展带来的干扰
            for (var keya in follow_list_new[key]) {
                follow_list_old[key][follow_list_old[key].length] = follow_list_new[key][keya];
            }
        }
    }

    console.log('follow_list_old===', follow_list_old);

</script>
</body>
</html>

可以看到follow_list_new有10条数据
在这里插入图片描述将follow_list_new对象 08/27 数组中的元素循环追加到follow_list_old对象中 08/27的数组内
在这里插入图片描述

徊忆羽菲
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
对象的新增方法（es6）
m0_46358229的博客
08-08 510
ES6总结系列之 对象的新增方法 篇 1. Object.is() --比较两个值是否相等 Same-value equality(同值相等) Object.is()与严格相等（===）的不同只有两处: +0不等于-0 Object.is(+0, -0) //false +0 === -0 //true NaN等于自身 Object.is(NaN, NaN) //true NaN === NaN //false 2. Object.assign() --
JS object 添加元素 数组添加对象
努力搬砖的小码
10-18 2780
JS object 添加元素 数组添加对象
JavaScript：Object对象的属性方法
最新发布
头条:俊哥前端工程师，真正的大师永远怀揣着一颗学徒的心。
04-13 298
Object.defineProperty()方法---为对象添加属性---
JavaScript--往对象里面添加数据
小太阳的博客
12-31 1万+
方法一： 直接添加 let obj = { name: 'sun' }; // [] let key = 'age'; let value = 18; obj[key] = value; // . obj.age = 18; console.log(obj, 'obj'); // {name: 'sun', age: 18} 'obj' 方法二： 利用扩展运算符… let objName = { na
javascript object 元素（属性）的增加。
风中之枫
08-05 5095
-
JavaScript对象详解，js对象属性的添加
bsegebr的博客
07-29 7213
英文名object，翻译成中文就是对象。用英语的角度来说object就是物体实体，即使他看不见摸不着。中文的对象指的是女朋友。在计算机中，用英语的角度理解对象，就是说放在内存里面的复杂数据集合，也叫做数据与方法的封装，是一种编程逻辑概念。函数是对数据与代码的封装，假如再把函数及函数外的数据进行封装，那就是object，即对象。...
js为Object对象动态添加属性和值
u010131379的博客
08-19 2791
js为Object对象动态添加属性和值
Javascript Dom元素获取和添加详解
10-16
DOM元素的获取和添加是前端开发中的基础操作，对于创建交互式网页至关重要。 1. **DOM元素的获取** - `getElementById()`：这个方法通过指定的id值获取唯一匹配的DOM元素。例如，`document.getElementById('myID'...
js中apply方法的使用详细解析.docx
01-21
同样，当需要将数组中的元素逐个添加到另一个数组尾部时，可以使用`Array.prototype.push.apply(arr1, arr2)`，而不是手动地遍历数组进行追加，这同样提高了性能。 3. **使用`apply`进行函数调用** 除了在继承场景...
java面向对象程序设计习题集.doc
09-30
本习题集涵盖了 Java 面向对象程序设计的基础知识和高级知识点，包括 JAVA 基础、控制结构、字符串、数组、类和对象、继承、多态性、抽象类和接口、异常处理、IO 操作等。下面是本习题集的详细知识点： 第一章 JAVA...
jquery-template-plugin:一个简单的jQuery插件，它使用模板和传递的json对象生成动态html内容
05-20
这段代码会将模板`#myTemplate`中的每个元素按照JSON数组中的对象逐一渲染，并将结果追加到ID为`#outputList`的元素中。 ### 许可协议 jQuery Template Plugin 的源代码遵循MIT许可和GPL许可，这意味着你可以自由...
notes_app_CLI_nodejs:有了这个程序，您可以使用CLI添加，删除，列出和阅读笔记
04-03
在这个应用中，每个笔记可能是一个JSON对象，包含标题、内容等属性，所有这些对象则构成了一个JSON数组，保存在一个文件中。 **3. 文件操作**： - Node.js提供了强大的文件系统模块（fs），使得读写文件变得简单。...
js向对象中添加元素(对象,数组)
热门推荐
embelfe_segge的博客
02-28 1万+
一、添加一个元素 对象名[“属性名”] = 值 (值:可以是一个值,可以是一个对象,也可以是一个数组) 这样添加进去的元素,就是一个值 或 对象 或 数组 var obj = {"name":"leo"}; console.log(obj); <!-- 往对象中添加元素 对象名["属性名"] = 值 (值:可以是一个值,可以是一个对象,也可以是一个数组) 这样添加进去的元素,就是一个值 或 对象 或 数组 obj["age"] = "16"; obj["age"] = {...}; obj[
在 JavaScript 中为对象添加属性
shi450561200的博客
08-23 6002
请注意，当在对象中找到指定的键时，点表示法和方括号表示法都将用给定属性覆盖对象的属性。方法，它将第二个对象的内容合并到第一个对象中。如果对象具有共同的键，则此方法会使用给定对象的属性覆盖源对象。方法可以将属性从源对象复制到目标对象。如果在两个对象中找到相同的键，则源中的属性会覆盖目标对象的属性。这种方法不会用给定对象的公共键属性覆盖源对象。一种简单的方法是使用带有赋值运算符的点表示法将属性添加到现有对象。如果上述所有方法有任何共同的键，则使用给定对象的属性覆盖源对象，除了。使用 jQuery，您可以使用。
定义一个Object类型的数组，初始容量为10，当添加到第十个元素的时候，数组的长度扩展为原来的两倍
qyj11day的博客
10-26 1万+
欢迎互相学习、指教
js-对象的追加
weixin_44943268的博客
07-01 8781
JavaScript：追加对象
科技向善
03-15 574
Object.assign(this.formData, { type: 'add' })
数组遍历生成object 添加单条数据
努力搬砖的小码
04-04 125
数组遍历生成object 添加单条数据
前端对象追加属性
good_xiaoming的博客
06-14 2875
js追加属性 第一种适用于方法封装 第二种适用于对象接收和定义
js向空数组中添加对象
06-02
可以使用数组的 `push` 方法来向空数组中添加对象。例如，如果我们有一个空数组 `myArray` 和一个对象 `myObject`，可以使用以下代码将该对象添加到数组中： ```javascript const myArray = []; const myObject = { name: 'John', age: 30 }; myArray.push(myObject); ``` 现在，`myArray` 数组中就包含了一个对象 `{ name: 'John', age: 30 }`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值