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判断一个元素是否为另一个元素的子元素的代码
Mar 21 Javascript
使用javascript实现json数据以csv格式下载
Jan 09 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
微信小程序实现录音功能
Nov 22 Javascript
javascript实现多边形碰撞检测
Oct 24 Javascript
vue 函数调用加括号与不加括号的区别
Oct 29 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作为Shell脚本语言使用
2006/10/09 PHP
利用PHP动态生成VRML网页
2006/10/09 PHP
php使用simplexml_load_file加载XML文件并显示XML的方法
2015/03/19 PHP
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
javascript 面向对象编程基础:继承
2009/08/21 Javascript
javascript 面向对象继承
2009/11/26 Javascript
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
Javascript动态引用CSS文件的2种方法介绍
2014/06/06 Javascript
JavaScript基础知识学习笔记
2014/12/02 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
JS扩展类,克隆对象与混合类实例分析
2016/11/26 Javascript
微信小程序实现验证码获取倒计时效果
2018/02/08 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
layui table设置前台过滤转义等方法
2018/08/17 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
Typescript的三种运行方式(小结)
2019/09/18 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
[01:25]DOTA2自定义游戏灵园鬼域等你踏足
2015/10/30 DOTA
gearman的安装启动及python API使用实例
2014/07/08 Python
Python查找相似单词的方法
2015/03/05 Python
学习python之编写简单乘法口诀表实现代码
2016/02/27 Python
python字符串中的单双引
2017/02/16 Python
Python正则简单实例分析
2017/03/21 Python
Ubuntu 下 vim 搭建python 环境 配置
2017/06/12 Python
Python读写zip压缩文件的方法
2018/08/29 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
浅谈tensorflow 中的图片读取和裁剪方式
2020/06/30 Python
总经理秘书的岗位职责
2013/12/27 职场文书
小学运动会宣传稿
2015/07/23 职场文书
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android