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 相关文章推荐
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
Jan 26 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
Oct 25 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
Dec 18 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
npm 常用命令详解(小结)
Jan 17 Javascript
JS开发自己的类库实例分析
Aug 28 Javascript
微信小程序实现购物车代码实例详解
Aug 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数组函数序列之array_keys() - 获取数组键名
2011/10/30 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
JavaScript经典效果集锦
2010/07/06 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
javascript实现控制文字大中小显示
2015/04/28 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
2015/11/17 Javascript
JQuery实现定时刷新功能代码
2017/05/09 jQuery
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
2018/06/23 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
python练习程序批量修改文件名
2014/01/16 Python
Python 函数基础知识汇总
2018/03/09 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
浅析Python的命名空间与作用域
2020/11/25 Python
Python爬虫定时计划任务的几种常见方法(推荐)
2021/01/15 Python
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
共青团员自我评价范文
2014/09/14 职场文书
办理信用卡工作证明
2014/09/30 职场文书
2014年度个人工作总结
2014/11/07 职场文书
实习工作表现评语
2014/12/31 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
刑事上诉状范文
2015/05/22 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python