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 相关文章推荐
快速保存网页中所有图片的方法
Jun 23 Javascript
漂亮的仿flash菜单,来自蓝色经典
Jun 26 Javascript
ie8下修改input的type属性报错的解决方法
Sep 16 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
May 31 Javascript
Jquery和JS获取ul中li标签的实现方法
Jun 02 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
Require.js的基本用法详解
Jul 03 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
Dec 10 Javascript
React实现动效弹窗组件
Jun 21 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
DC这些乐高系列动画电影你看过几部?
2020/04/09 欧美动漫
探讨GDFONTPATH能否被winxp下的php支持
2013/06/21 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
2016/01/14 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
2016/01/28 Javascript
javascript的BOM
2016/05/03 Javascript
jQuery使用unlock.js插件实现滑动解锁
2017/04/04 jQuery
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
webpack组织模块打包Library的原理及实现
2018/03/10 Javascript
详解vue中使用微信jssdk
2019/04/19 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
为Python的web框架编写前端模版的教程
2015/04/30 Python
virtualenv 指定 python 解释器的版本方法
2018/10/25 Python
python3中sys.argv的实例用法
2020/04/24 Python
Python如何实现定时器功能
2020/05/28 Python
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
自荐信怎么写呢?
2013/12/09 职场文书
党员承诺书内容
2014/03/26 职场文书
安全技术说明书
2014/05/09 职场文书
体育系毕业生自荐信
2014/06/28 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
担保书格式
2015/01/20 职场文书
主题班会开场白
2015/06/01 职场文书
在校生证明
2015/06/17 职场文书
中秋节祝酒词
2015/08/12 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书
2019年妇科护士的自我鉴定(3篇)
2019/09/26 职场文书
JS实现扫雷项目总结
2021/05/19 Javascript
Python中requests做接口测试的方法
2021/05/30 Python