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 30 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
Mar 31 Javascript
JS onkeypress兼容性写法详解
Apr 27 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
bootstrap侧边栏圆点导航
Jan 11 Javascript
微信小程序自定义组件之可清除的input组件
Jul 17 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
Feb 02 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
使用Vue CLI创建typescript项目的方法
Aug 09 Javascript
vue+elementUI组件table实现前端分页功能
Nov 15 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 数组基础知识小结
2010/08/20 PHP
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
php读取本地json文件的实例
2018/03/07 PHP
关于div自适应高度/左右高度自适应一致的js代码
2013/03/22 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
js中数组排序sort方法的原理分析
2014/11/20 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
2016/09/17 Javascript
vue keep-alive 动态删除组件缓存的例子
2019/11/04 Javascript
原生Vue 实现右键菜单组件功能
2019/12/16 Javascript
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
在Django中创建URLconf相关的通用视图的方法
2015/07/20 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
tensorflow 获取变量&amp;打印权值的实例讲解
2018/06/14 Python
Python UnboundLocalError和NameError错误根源案例解析
2018/10/31 Python
python3.6下Numpy库下载与安装图文教程
2019/04/02 Python
Python3实现将一维数组按标准长度分隔为二维数组
2019/11/29 Python
pytorch中的上采样以及各种反操作,求逆操作详解
2020/01/03 Python
Matplotlib绘制雷达图和三维图的示例代码
2020/01/07 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
涉外文秘个人求职的自我评价
2013/10/07 职场文书
董事长秘书岗位职责
2013/11/29 职场文书
护理职业生涯规划书
2014/01/24 职场文书
西门豹教学反思
2014/02/04 职场文书
《识字五》教学反思
2014/03/01 职场文书
物业管理专业自荐信
2014/07/01 职场文书
自查自纠整改报告
2014/11/06 职场文书
张丽莉观后感
2015/06/16 职场文书
MySQL如何使用使用Xtrabackup进行备份和恢复
2021/06/21 MySQL
Mysql 文件配置解析介绍
2022/05/06 MySQL