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类的静态属性和实例属性的理解
Oct 01 Javascript
js计算字符串长度包含的中文是utf8格式
Oct 15 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
May 07 Javascript
js的touch事件的实际引用
Oct 13 Javascript
基于jQuery实现简单的折叠菜单效果
Nov 23 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
react配合antd组件实现的管理系统示例代码
Apr 24 Javascript
Node.js中的cluster模块深入解读
Jun 11 Javascript
多个Vue项目部署到服务器的步骤记录
Oct 22 Javascript
微信小程序 接入腾讯地图的两种写法
Jan 12 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/29 PHP
PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明
2011/07/01 PHP
php采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
深入理解PHP中的global
2014/08/19 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
PHP5.5.15+Apache2.4.10+MySQL5.6.20配置方法分享
2016/05/06 PHP
利用PHP获取访客IP、地区位置、浏览器及来源页面等信息
2017/06/27 PHP
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
js内存泄露的几种情况详细探讨
2013/05/31 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
Jquery基础教程之DOM操作
2015/08/19 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
vue元素实现动画过渡效果
2017/07/01 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
python根据距离和时长计算配速示例
2014/02/16 Python
python文件读写并使用mysql批量插入示例分享(python操作mysql)
2014/02/17 Python
Python 类与元类的深度挖掘 II【经验】
2016/05/06 Python
Django中利用filter与simple_tag为前端自定义函数的实现方法
2017/06/15 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
《会变的花树叶》教学反思
2014/02/10 职场文书
亲属关系公证书
2014/04/08 职场文书
2016年寒假家长评语
2015/10/10 职场文书
MybatisPlus代码生成器的使用方法详解
2021/06/13 Java/Android