js实现以最简单的方式将数组元素添加到对象中的方法


Posted in Javascript onDecember 20, 2017

如下所示:

//如题,通常做法就是循环数组,最后在添加length属性,如:

 
var obj = {}; 
 var pushArr = [11,22,33,44,55,66];
 for(var i=0;i<pushArr.length;i++) {
  obj[i] = pushArr[i];
 }
 obj.length = pushArr.length;

 console.log(obj); //{0:11,1:22,2:33,3:44,4:55,5:66,length:6}

简单方法:

//js将数组元素添加到对象中(或 数组转换成对象)有个小技巧:

var obj = {}; 
[].push.apply(obj,[11,22,33,44,55,66]);

console.log(obj); //{0:11,1:22,2:33,3:44,4:55,5:66,length:6}

由于obj是个对象没有像数组的push()方法,所以利用数组的push()以及apply()的特性来将数组作用于push()并修改当前的引用。 有较严重的代码洁癖的患者可以使用这个方法。

以上这篇js实现以最简单的方式将数组元素添加到对象中的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
Jan 11 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
js时钟翻牌效果实现代码分享
Jul 31 Javascript
如何使用jquery easyui创建标签组件
Nov 18 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
Jul 11 Javascript
js创建对象几种方式的优缺点对比
Sep 28 Javascript
使用微信小程序开发前端【快速入门】
Dec 05 Javascript
手机软键盘弹出时影响布局的解决方法
Dec 15 Javascript
JS作用域深度解析
Dec 29 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
详解vue跨组件通信的几种方法
Jun 15 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
浅谈gulp创建完整的项目流程
Dec 20 #Javascript
vue使用axios实现文件上传进度的实时更新详解
Dec 20 #Javascript
JavaScript通过mouseover()实现图片变大效果的示例
Dec 20 #Javascript
详解JS模块导入导出
Dec 20 #Javascript
vue实现样式之间的切换及vue动态样式的实现方法
Dec 19 #Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
Dec 19 #Javascript
常用的9个JavaScript图表库详解
Dec 19 #Javascript
You might like
Ajax PHP分页演示
2007/01/02 PHP
php增删改查示例自己写的demo
2013/09/04 PHP
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
php实现异步数据调用的方法
2015/12/24 PHP
php PDO实现的事务回滚示例
2017/03/23 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
让你的网站可编辑的实现js代码
2009/10/19 Javascript
关于this和self的使用说明
2010/08/01 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
Nodejs极简入门教程(一):模块机制
2014/10/25 NodeJs
jquery实现键盘左右翻页特效
2015/04/30 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
js实现纯前端压缩图片
2020/11/16 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
Python查询IP地址归属完整代码
2017/06/21 Python
对python中的logger模块全面讲解
2018/04/28 Python
利用pyinstaller将py文件打包为exe的方法
2018/05/14 Python
用Python+OpenCV对比图像质量的几种方法
2019/07/15 Python
Python学习笔记之For循环用法详解
2019/08/14 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
汉森批发:Hansen Wholesale
2018/05/24 全球购物
某公司.Net方向面试题
2014/04/24 面试题
澳大利亚商务邀请函
2014/01/17 职场文书
大二学生学习个人自我评价
2014/01/19 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
MySQL sql_mode的使用详解
2021/05/08 MySQL
纯CSS打字动画的实现示例
2022/08/05 HTML / CSS