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实现div阴影效果示例代码
Sep 16 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 Javascript
javascript数组输出的两种方式
Jan 13 Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 Javascript
js点击选择文本的方法
Feb 09 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
JavaScript订单操作小程序完整版
Jun 23 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
Dec 05 Javascript
H5 js点击按钮复制文本到粘贴板
Nov 19 Javascript
echarts饼图各个板块之间的空隙如何实现
Dec 01 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使用pdo连接并查询sql数据库的方法
2014/12/24 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
js 变量类型转换常用函数与代码[比较全]
2009/12/01 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
JavaScript包装对象使用介绍
2013/08/29 Javascript
js形成页面的一种遮罩效果实例代码
2014/01/04 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
jQuery中filter()方法用法实例
2015/01/06 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
angular.js实现购物车功能
2017/10/23 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
ejsExcel模板在Vue.js项目中的实际运用
2018/01/27 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
详解vue父子组件关于模态框状态的绑定方案
2019/06/05 Javascript
微信小程序页面渲染实现方法
2019/11/06 Javascript
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
python多进程中的内存复制(实例讲解)
2018/01/05 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
Python如何实现邮件功能
2020/05/27 Python
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
三星法国官方网站:Samsung法国
2019/10/31 全球购物
服务之星获奖感言
2014/01/21 职场文书
捐款倡议书范文
2014/02/02 职场文书
2015元旦标语横幅
2014/12/09 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
校车司机安全责任书
2015/05/11 职场文书
走近毛泽东观后感
2015/06/04 职场文书
金砖之国观后感
2015/06/11 职场文书
小学生节约用水倡议书
2019/08/12 职场文书
2020年个人安全保证书参考模板
2020/01/08 职场文书