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 相关文章推荐
如何让页面在打开时自动刷新一次让图片全部显示
Dec 17 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
VUE实现一个分页组件的示例
Sep 13 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
websocket4.0+typescript 实现热更新的方法
Aug 14 Javascript
Vue中fragment.js使用方法小结
Feb 17 Javascript
ES6中Set和Map用法实例详解
Mar 02 Javascript
微信小程序自定义胶囊样式
Dec 27 Javascript
node中使用shell脚本的方法步骤
Mar 23 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 随机排序广告的实现代码
2011/05/09 PHP
PHP连接SQLSERVER 注意事项(附dll文件下载)
2012/06/28 PHP
php过滤HTML标签、属性等正则表达式汇总
2014/09/22 PHP
完美解决thinkphp验证码出错无法显示的方法
2014/12/09 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
JQuery扩展插件Validate 2通过参数设置验证规则
2011/09/05 Javascript
Javascript自定义排序 node运行 实例
2013/06/05 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
基于node实现websocket协议
2016/04/25 Javascript
1秒50万字!js实现关键词匹配
2016/08/01 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
2019/07/22 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
javascript实现多边形碰撞检测
2020/10/24 Javascript
[53:15]Newbee vs Pain 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
在Django的视图(View)外使用Session的方法
2015/07/23 Python
Python黑魔法@property装饰器的使用技巧解析
2016/06/16 Python
python生成九宫格图片
2018/11/19 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
Python StringIO如何在内存中读写str
2020/01/07 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
python定时截屏实现
2020/11/02 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
荷兰超市:DEEN
2018/03/14 全球购物
大学生入党自我鉴定
2013/10/31 职场文书
2016年共产党员个人承诺书
2016/03/24 职场文书
Python中npy和mat文件的保存与读取
2022/04/24 Python