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 相关文章推荐
Javascript 圆角div的实现代码
Oct 15 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
Sep 22 Javascript
TypeError document.getElementById(...) is null错误原因
May 18 Javascript
基于Jquery实现表单验证
Jul 20 Javascript
Js动态设置rem来实现移动端字体的自适应代码
Oct 14 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 Javascript
在小程序中使用Echart图表的示例代码
Aug 02 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
Sep 16 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
JQuery中的常用事件、对象属性与使用方法分析
Dec 23 jQuery
js实现超级玛丽小游戏
Mar 18 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
PHP 程序员应该使用的10个组件
2009/10/31 PHP
基于empty函数的输出详解
2013/06/17 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
PHP实现事件机制实例分析
2015/06/26 PHP
PHP getNamespaces()函数讲解
2019/02/03 PHP
javascript 短路法代码精简
2009/08/20 Javascript
让mayfish支持mysqli数据库驱动的实现方法
2010/05/22 Javascript
基于jquery的图片幻灯展示源码
2012/07/15 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
使用jQuery同时控制四张图片的伸缩实现代码
2013/04/19 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
js创建对象的方式总结
2015/01/10 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
PHP结合jQuery实现的评论顶、踩功能
2015/07/22 Javascript
javascript实现省市区三级联动下拉框菜单
2015/11/17 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
vue中导出Excel表格的实现代码
2018/10/18 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
python数据结构之线性表的顺序存储结构
2018/09/28 Python
Django数据库连接丢失问题的解决方法
2018/12/29 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
使用 Python 遍历目录树的方法
2020/02/29 Python
Python环境使用OpenCV检测人脸实现教程
2020/10/19 Python
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
2015试用期转正工作总结
2014/12/12 职场文书
正规借条模板
2015/05/26 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
Python图片检索之以图搜图
2021/05/31 Python
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫