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 相关文章推荐
使用node.js 获取客户端信息代码分享
Nov 26 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
Aug 25 Javascript
解决JS请求服务器gbk文件乱码的问题
Oct 16 Javascript
JavaScript隐式类型转换
Mar 15 Javascript
javaScript语法总结
Nov 25 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
js判断手机系统是android还是ios
Mar 07 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
Jul 25 Javascript
angular或者js怎么确定选中ul中的哪几个li
Aug 16 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
May 21 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 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
第一个无线电台是由谁发明的
2021/03/01 无线电
全文搜索和替换
2006/10/09 PHP
php ci框架验证码实例分析
2013/06/26 PHP
php实例分享之mysql数据备份
2014/05/19 PHP
PHPExcel内存泄漏问题解决方法
2015/01/23 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
phpwind放自动注册方法
2006/12/02 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
JQuery实现动态添加删除评论的方法
2015/05/18 Javascript
windows下vue.js开发环境搭建教程
2017/03/20 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
2018/09/26 Javascript
vue实现购物车抛物线小球动画效果的方法详解
2019/02/13 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
node.JS路径解析之PATH模块使用方法详解
2020/02/06 Javascript
Node.js API详解之 string_decoder用法实例分析
2020/04/29 Javascript
浅谈python内置变量-reversed(seq)
2017/06/21 Python
python 3.6.4 安装配置方法图文教程
2018/09/18 Python
Python删除n行后的其他行方法
2019/01/28 Python
解决Pycharm调用Turtle时 窗口一闪而过的问题
2019/02/16 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
django 链接多个数据库 并使用原生sql实现
2020/03/28 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
Python 存取npy格式数据实例
2020/07/01 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
英国复古服装和球衣购买网站:3Retro Football
2018/07/09 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
小学生期末评语大全
2014/04/21 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
森林防火标语
2014/06/23 职场文书
小学少先队活动总结
2015/05/08 职场文书
担保书格式范文
2015/09/22 职场文书