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 相关文章推荐
鼠标滚轮控制网页横向移动实现思路
Mar 22 Javascript
jQuery中delegate和on的用法与区别详细解析
Jan 26 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
Nov 17 Javascript
简单实现jQuery进度条轮播实例代码
Jun 20 Javascript
jQuery 判断是否包含在数组中Array[]的方法
Aug 03 Javascript
javascript特殊文本输入框网页特效
Sep 13 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
angularJS深拷贝详解
Mar 23 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
JS加密插件CryptoJS实现AES加密操作示例
Aug 16 Javascript
vue 查看dist文件里的结构(多种方式)
Jan 17 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
smarty 原来也不过如此~~呵呵
2006/11/25 PHP
PHP 中dirname(_file_)讲解
2007/03/18 PHP
php中函数前加&amp;符号的作用分解
2014/07/08 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
Laravel 实现数据软删除功能
2019/08/21 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
制作高质量的JQuery Plugin 插件的方法
2010/04/20 Javascript
extjs之去除s.gif的影响
2010/12/25 Javascript
jquery 取子节点及当前节点属性值
2014/07/25 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
2016/05/17 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
Nodejs中使用phantom将html转为pdf或图片格式的方法
2017/09/18 NodeJs
Angular4学习教程之DOM属性绑定详解
2018/01/04 Javascript
微信小程序使用npm支持踩坑
2018/11/07 Javascript
详解Angular模板引用变量及其作用域
2018/11/23 Javascript
vue数据初始化initState的实例详解
2019/04/11 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
2020/01/08 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
Python版的文曲星猜数字游戏代码
2013/09/02 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
python删除不需要的python文件方法
2018/04/24 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
python3转换code128条形码的方法
2019/04/17 Python
关于Python中的向量相加和numpy中的向量相加效率对比
2019/08/26 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
2014自荐信的写作技巧
2014/01/28 职场文书
电气自动化求职信
2014/06/24 职场文书
作风年建设汇报材料
2014/08/14 职场文书
总经理司机岗位职责
2015/04/10 职场文书
Python基础之常用库常用方法整理
2021/04/30 Python