JS数组中对象赋值问题(针对对象个数未知的赋值报错)

最新推荐文章于 2023-02-16 11:54:25 发布
最新推荐文章于 2023-02-16 11:54:25 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： # JS 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Schaffer_W/article/details/115699831
版权

当一个数组内部元素为对象时，给数组赋值应该先给对象赋值，然后把该对象push到数组中。

在这里插入图片描述
在控制台打印之后的数据格式为下图所示：
在这里插入图片描述
如果在给数组赋值的时候直接给对象赋值则会报错，如下所示：
在这里插入图片描述
下面给出两种解决办法：
1、通过循环直接向每个数组元素的对象赋值
在这里插入图片描述
2、通过先给对象赋值，然后把对象 push 进数组的方式
在这里插入图片描述

Schafferyy
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中对象赋值存在的问题(浅拷贝,深拷贝)
loftyamb的博客
03-06 1253
首先对于js中字符串的赋值有如下代码: let a = 'lee' let b = a b = 'cheng' console.log(a) // 输出结果仍为lee 而对于js中对象的赋值假如采用以下的方式: let a = { name: 'lee' } let b = a b.name = 'cheng' console.log(a.name) // 输出结果为cheng 出现以上结果的原因在于js在将一个对象赋给另外一个对象的时候, 实际上是将一个对象的引用赋给了另外一个对象, 使得这两个对象指
js 给数组对象添加属性和值，无法响应
CiCi____的博客
08-24 1028
js 直接给数组元素对象赋值，无法响应
前端学习笔记-JS-函数
qq_36434637的博客
09-10 145
函数 什么是函数 把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用 函数的作用就是封装一段代码，将来可以重复使用 函数的定义 函数声明 // (1) function 声明函数的关键字 全部小写 // (2) 函数是做某件事情，函数名一般是动词 // (3) 函数不调用自己不执行 funct...
JavaScript中字符串数组赋值失败，不是每个字符串，却是字符。
苏一恒
11-03 1782
我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。 教程介绍、教程目录等能在README里查阅。 传送门：https://github.com/827652549/CanvasStudy 在做一滤镜工具小项目的时候无意间发现了一个bug，JavaScript中字符串数组赋值失败，不是每个字符串，却是字符。为了方便演示，...
Java给类对象数组属性赋值时报错：Exception in thread “main“ java.lang.NullPointerException
m0_46526335的博客
03-11 892
在学习“类中的方法和类的声明”时，写了一道关于学生信息的练习题，题目如下： 定义类Student，包含三个属性： * 学号number(int)，年级state(int)，成绩score(int)。 * 创建20个学生对象，学号为1到20，年级和成绩都由随机数确定。 * 问题一：打印出3年级(state值为3）的学生信息。 * 问题二：使用冒泡排序按学生成绩排序，并遍历所有学生信息 利用数组的方式写了一下这道题，代码如下： public class StudentTest { pub...
JS数组与对象赋值问题
alokka的博客
12-05 1558
最近有群友遇到一个问题 就是给数组赋值遇到的一些问题 正好自己也不了解 就去网上查了一些资料 在这里做一下总结 问题1： 把 a 赋值给 b ，改变 b 的值发现 a 的值也被改变了，这和我们想象的不一样，为什么呢？ // 1. 数组 var a = [1,2]; var b = a; b[0] = 3; console.log(a); // [3,2] // 2. 对象 var...
JavaScript数组对象赋值用法实例
12-11
本文实例讲述了JavaScript数组对象赋值用法。分享给大家供大家参考。具体如下： 这里JavaScript数组对象的使用会使你的JS程序变得简洁而有效率，但是好像不少新手都不喜欢用数组，因为觉得它们抽象，不好理解，其实...
vue 数组和对象不能直接赋值情况和解决方法(推荐)
01-19
Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 当第一种情况需求时，可以使用this.$set(this.arr...
ES6数组与对象的解构赋值详解
12-10
在ES6中，引入了一种新的语法特性，称为“解构赋值”，它极大地提高了代码的可读性和简洁性，特别是在处理数组和对象时。解构赋值允许开发者按照特定的模式从数组或对象中提取值，并直接赋值给一组变量。 ### 数组...
对象循环赋值失效问题
qq_44943313的博客
02-16 384
对象循环赋值
为JS对象重新赋值中遇到的问题
coldwhitewater的博客
11-13 8563
定义了一个JS对象，如下： var obj = {name:"",age:"",sex:""}; 先第一次赋值： obj.name = shang; obj.age = 22; obj.sex = male; 后由于要动态拿到对象的属性名，再为其赋值，故： var dyn = $(this).context.id; //假设此时的dyn为name obj.dyn =$(t...
JavaScript对象和数组赋值
七月❤的博客
08-26 762
对象赋值 const person = {} person = { name:xxx, age:xxx, number:xxx } 数组赋值 const arr = [ {name:'Lily',age:15}, {name:'genasj',age:18}, {name:'lazy',age:16}, ] const data = [] arr.foreach(item=>{ data.push({ name1:item.name, age1:i
Javascript 利用ES6中的「 in」实现对象/数组的按需赋值
Dpl0216的博客
06-28 945
目前已经有一个较全信息/完整的对象，如一个学生的信息，而目前有一个接口的参数为这个学生对象中的某一些属性，利用ES6中的in，我们可以更好的使用这个效果
JavaScript： 多维数组的几个注意点
Hr_ving的博客
08-17 614
JavaScript： 多维数组的几个注意点 一、多维数组的长度 数组的长度获取的方法为： arr.length; 而多维数组中，长度为最外层数组中元素的个数 如： var arr = [[1,2,3],[7,2,8],[4,9,5],[3,6,8]]; 其中arr.length = 4; console.log(arr[1].length) 则 arr[1].length = 3; 二、多维数组的赋值 在创建多维数组的时候，如果不附初值的话，那么在赋值的是不能直接赋值 得逐层赋值 如: var
JS数组互相赋值问题
gghhb12的博客
03-24 2556
问题 两个数组互相赋值后，其中一个数组中的值发生改变另外一个数组也会发生相应改变的。 原因 数组是一种引用数据类型，数组引用变量只是一个引用，数组元素和数组变量在内存里是分开存放的。实际的数组元素被存储在堆（heap）内存中；数组引用变量是一个引用类型的变量，被存储在栈（stack）内存中。这就好像是现在有一个房间，两扇门，AB两人分别从不同的门进去所看到的的房间是一样的，此时A拿走一个苹果，B会看到房间里少了一个苹果；B从外面带了一瓶饮料回到房间，A也会看到这个房间多了一瓶饮料。 解决 方法一：conca
vue3 中关于对象和数组直接整个赋值页面不生效
qq_26705343的博客
05-18 1万+
一、使用reactive函数声明数组如何正确赋值 　　需求：将接口请求到的列表数据赋值给响应数据 array const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.concat(res); // 方法3 可以，但是很麻烦 res.forEach(
javascript对象的引用赋值以及浅拷贝与深拷贝
丑小鸭变黑天鹅的博客
03-24 2659
javascript对象的引用赋值以及浅拷贝与深拷贝一、对象的引用赋值1、js中的数据类型2、案例一3、案例二3、案例三4、案例四5、总结：(精髓所在)二、浅拷贝与深拷贝1、区别与概念2、如果是基本数据类型，名字和值都会储存在栈内存中3、如果是引用数据类型，名字存在栈内存中，值存在堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值4、实现浅拷贝的方法5、 实现深拷贝的方法 一、对象的引用赋值 1、js中的数据类型 基本类型 数字（number） 字符串（string） 布尔值（boolean） 空值
JavaScript -- 数组及对象解构赋值方法总结
Qlz的博客
12-06 2211
1 数组解构赋值 1.1 保留默认值 1.2 接受剩余的所有参数 1.3 对函数执行结果解构 1.4 交换两个变量的值 1.5 二维数组结构 2 对象的解构 2.1 声明对象同时解构对象 2.2 先声明再解构 2.3 解构不存在的属性 2.4 设置解构别名 2.5 设置解构默认值
vue 赋值不改变_vue data对象重新赋值无效(未更改)的解决方式
热门推荐
az44yao的专栏
01-26 1万+
vue存在一个比较深的问题就是data中的属性对象如果在初始化的时候为{}，那么后面在方法用普通的js语法赋值会无效 这里是data data() {undefined return {undefined model: {} }; } 这里是方法里的普通赋值 afterUpload(response) {undefined this.model.icon = response.url; } 普通方法会无效，需要使用vue提供的方法重新显示声明 afterUpload(response
js 给数组对象赋值’
最新发布
06-09
可以使用以下语法给数组对象赋值： ``` var myArray = []; // 定义一个空数组 myArray[0] = "第一个元素"; // 给数组第一个位置赋值 myArray[1] = "第二个元素"; // 给数组第二个位置赋值 myArray[2] = "第三个元素"; // 给数组第三个位置赋值 // 以此类推 ``` 也可以使用以下语法直接初始化数组并赋值： ``` var myArray = ["第一个元素", "第二个元素", "第三个元素"]; ``` 如果要给数组中的对象赋值，可以使用以下语法： ``` var myArray = [{name: "张三", age: 18}, {name: "李四", age: 20}]; myArray[0].age = 20; // 修改数组中第一个对象的年龄为20 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值