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 相关文章推荐
JS中style属性
Oct 11 Javascript
Javascript实例教程(19) 使用HoTMetal(3)
Dec 23 Javascript
HTTP状态代码以及定义(解释)
Feb 02 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
Node.js的Koa框架上手及MySQL操作指南
Jun 13 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 Javascript
Rust中的Struct使用示例详解
Aug 14 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
生成缩略图
2006/10/09 PHP
提高PHP编程效率的53个要点(经验小结)
2010/09/04 PHP
PHP JSON格式数据交互实例代码详解
2011/01/13 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
PPK 谈 JavaScript 的 this 关键字 [翻译]
2009/09/29 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
2013/03/12 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
jquery实现的Banner广告收缩效果代码
2015/09/02 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
浅谈layer弹出层按钮颜色修改方法
2019/09/11 Javascript
mpvue微信小程序开发之实现一个弹幕评论
2019/11/24 Javascript
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
python下paramiko模块实现ssh连接登录Linux服务器
2015/06/03 Python
基于python实现微信模板消息
2015/12/21 Python
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
详解Django中六个常用的自定义装饰器
2018/07/04 Python
Python实现查找二叉搜索树第k大的节点功能示例
2019/01/24 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
详解python polyscope库的安装和例程
2020/11/13 Python
挂牌仪式策划方案
2014/05/18 职场文书
消防宣传口号
2014/06/16 职场文书
条幅标语大全
2014/06/20 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
个人债务授权委托书范本
2014/10/05 职场文书
2015年入党积极分子评语
2015/03/26 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书