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 相关文章推荐
jquery 插件实现图片延迟加载效果代码
Feb 06 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
May 12 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
JS新包管理工具yarn和npm的对比与使用入门
Dec 09 Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
零基础之Node.js搭建API服务器的详解
Mar 08 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 Javascript
ES11新增的这9个新特性,你都掌握了吗
Oct 15 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
浅谈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 AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
PHP编译安装中遇到的两个错误和解决方法
2014/08/20 PHP
php通过各种函数判断0和空
2020/07/04 PHP
使用IE的地址栏来辅助调试Web页脚本
2007/03/08 Javascript
浏览器常用高宽的jquery插件
2011/02/24 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
浅谈Express异步进化史
2017/09/09 Javascript
Vue利用canvas实现移动端手写板的方法
2018/05/03 Javascript
解决vue 按钮多次点击重复提交数据问题
2018/05/10 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
浅析vue中的nextTick
2020/12/28 Vue.js
python中使用PIL制作并验证图片验证码
2018/03/15 Python
Python函数返回不定数量的值方法
2019/01/22 Python
解决python线程卡死的问题
2019/02/18 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
24式加速你的Python(小结)
2019/06/13 Python
python判断自身是否正在运行的方法
2019/08/08 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
类的核心特性有哪些
2014/01/01 面试题
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
大学生专业个人学习的自我评价
2013/10/26 职场文书
毕业生大学生活自我总结
2014/01/31 职场文书
李强为自己工作观后感
2015/06/11 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers