js向数组对象中循环赋值

		<script>
			var receive = document.getElementsByClassName('receive');
			console.log($('.receive:eq(0)').find('.td_id').text());

			var data = [];
			for(var i = 0;i<receive.length-1;i++){
				data.push({name:$('.receive:eq('+i+')').find('.td_area').text(),value:$('.receive:eq('+i+')').find('.td_geo').text(),id:$('.receive:eq('+i+')').find('.td_id').text()})
			}
			console.log(data);
		</script>
声明一个空数组,在for循环中 向此数组中 push 对象

对象的各属性值通过从页面节点中获取。

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第一章JavaScript基础 1. 如何实现JavaScript 4 (1) 如何把JavaScript代码放到HTML页面里 4  使用[removed]标签,直接在HTML代码里加入JavaScript代码 4  使用[removed]调用外部的JavaScript(.js文件) 4  如何与老浏览器打交道 4 (2) 把JavaScript代码放到HTML页面不同的位置 4  把JavaScript代码放到HTML<body>部分 4  把JavaScript代码放到HTML<head>部分 4  示例代码 4 2. JavaScript语句与注释 5 (1) JavaScript语句结束符 5 (2) JavaScript代码块 5 (3) JavaScript注释 5 (4) JavaScript变量 5  变量命名规则 5  申明或创建变量 5  重新申明变量 5 3. JavaScript运算符 5 (1) 基本运算符 5 (2) 位运算符(~(非运算)、&(与运算)、|(或运算)、^(异或运算)) 5 (3) Boolean运算(!(求反运算)、&&(与运算)、||(或运算)) 6 (4) 关系运算(<、>、<=、>=、==、!=) 6 (5) 等性运算符(==、===、!=、!==) 6 (6) 条件运算符 7 (7) 其他运算符 7  赋值运算符 7  逗号运算符 7  typeof运算符 7  delete运算符 7  instanceof运算符 7 4. with语句 8 (1) 语法及作用 8 (2) 示例 8 5. 分支语句 8 (1) if...else...语句 8 (2) switch语句 8 6. 消息框 8 (1) 警告框 8 (2) 确认框 8 (3) 提示框 9 7. 函数(一般定义到<head>标签之间) 9 (1) 定义函数 9 (2) 关于函数的arguments对象 9  在函数代码,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 9  使用arguments.length检测参数个数 9  模拟函数重载 10 (3) Function对象(类) 10  Function对象的使用 10  使用Function类的length属性 11  使用Function类的valueOf()方法和toString()方法 11 (4) 闭包 11 8. 循环语句 11 (1) for循环 12  for循环的使用格式 12  例子 12 (2) while循环 12  While循环的使用格式 12  例子 12 (3) 使用break和continue退出循环 12 9. JavaScript事件 12 (1) 事件句柄 12 (2) onload和onUnload 13 (3) onFocus, onBlur 和 onChange 13 (4) onSubmit 13 (5) onMouseOver 和 onMouseOut 13 (6) JavaScript 计时事件 13 10. 异常处理Try...Catch 语句 14 (1) 异常处理格式 14 (2) 例子 14 (3) Throw声明 14  Throw语法 14  例子 14 (4) onerror事件 14  onerror事件功能 14  语法 14  例子 14 11. 特殊字符与注意点 15 (1) 特殊字符 15 (2) 注意点 15  JavaScript 对大小写敏感 15  空格 15  换行 15 第二章JavaScript对象 1. JavaScript对象简介 15 (1) JavaScript对象也是有属性和方法的 15  对象属性的使用 15  对象方法的使用 15 (2) 对象的定义与实例化 15 (3) 对象的作用域 16  JavaScript对象只有公用作用域 16  JavaScript对象没有静态作用域 16  关键字this 16 (4) 定义类或对象的方法 16  工厂方式 16  构造函数方式和原型方式 17  混合的构造函数/原型方式(常用方式) 18  动态原型方法(常用方式) 18  总结(使用哪种方式好) 18 2. 修改对象 18 (1) 创建方法 18 (2) 重命名已有方法 19 (3) 添加与已有方法无关的方法 19 (4) 为本地对象添加方法 19 3. 对象类型转换 19 (1) 转换成字符串 19 (2) 转换成数字 20  parseInt() 20  parseFloat() 20 (3) 强制类型转换 20  Boolean() 函数 20  Number()函数 20  String() 函数 21 4. JavaScript常用对象 21 (1) 对象类型说明 21  本地对象 21  内置对象 21  宿主对象 21 (2) Object对象 21  Object对象的属性 21  Object对象的方法 21 (3) JavaScript对象参考(略) 21 (4) Browser(浏览器)对象参考(略) 21 (5) HTML DOM 对象参考(略) 22 第三章JavaScript 高级 1. Cookie 23 (1) cookie的作用 23 (2) 示例 23 2. 访问HTML DOM节点 24 (1) 查找并访问节点(得到节点对象) 24  使用getElementById()得到某个节点对象 24  使用getElementsByTagName()得到某些节点对象 24  使用getElementsByName()得到某些节点对象 25  parentNode、firstChild以及lastChild属性 25 (2) 访问节点的内容 26  innerText(IE)、textContent(FF)、innerHTML 26  outerText、outerHTML(少用) 26  value属性获取表单节点内容 26 (3) 访问节点的样式 27  使用节点对象的style属性对象改变样式 27  使用className设置样式 27 3. 继承机制实现 27 (1) 继承的方式 27 (2) 继承方式1—对象冒充 27 (3) 继承方式2—call()方法与apply()方法 28  call()方法 28  apply()方法 28 (4) 继承方式3—原型链(prototype chaining) 29 (5) 继承方式4—混合方式 29 附:ECMAScript关键字与保留字 1. 关键字 30 2. 保留字 30
在Vue,我们可以使用 `Vue.set()` 或 `Object.assign()` 方法将一个数组对象的值赋值给另一个数组对象。 下面是两种实现方式的示例代码: 1. 使用 `Vue.set()` ```javascript // 定义两个数组对象 let array1 = [{ id: 1, name: 'Tom' }, { id: 2, name: 'Jerry' }]; let array2 = [{ id: 3, name: 'Alice' }, { id: 4, name: 'Bob' }]; // 将 array2 的值赋值给 array1 array1.forEach((item, index) => { Vue.set(item, 'name', array2[index].name); }); console.log(array1); // 输出结果为 [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }] ``` 在上面的代码,我们使用 `forEach()` 方法循环遍历 `array1` 数组,使用 `Vue.set()` 方法将 `array2` 数组的 `name` 属性值赋值给 `array1` 数组的同一属性。最终,`array1` 数组的 `name` 属性值就被替换成了 `array2` 数组的值。 2. 使用 `Object.assign()` ```javascript // 定义两个数组对象 let array1 = [{ id: 1, name: 'Tom' }, { id: 2, name: 'Jerry' }]; let array2 = [{ id: 3, name: 'Alice' }, { id: 4, name: 'Bob' }]; // 将 array2 的值赋值给 array1 array1 = array1.map((item, index) => Object.assign({}, item, { name: array2[index].name })); console.log(array1); // 输出结果为 [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }] ``` 在上面的代码,我们使用 `map()` 方法循环遍历 `array1` 数组,使用 `Object.assign()` 方法将 `array2` 数组的 `name` 属性值赋值给 `array1` 数组的同一属性,并返回一个数组对象。最终,`array1` 数组就被替换成了数组对象,其 `name` 属性值被替换成了 `array2` 数组的值。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值