Javascript学习笔记之数组的构造函数


Posted in Javascript onNovember 23, 2014

数组的构造函数

由于数组的构造函数在处理参数时的不确定性,因此强烈建议使用 [] 符号来创建一个新数组。

[1, 2, 3]; // Result: [1, 2, 3]
new Array(1, 2, 3); // Result: [1, 2, 3]
[3]; // Result: [3]
new Array(3); // Result: []
new Array('3') // Result: ['3']

当只有一个参数被传递到数组的构造函数中,并且这个参数还是一个数字时,构造函数将会返回一个元素值为 undefined 的数组,而且这个数组的 length 属性被设置为传入构造函数的数字参数。但实际上上新数组的索引并没有被初始化。

Javascript学习笔记之数组的构造函数

这种用法只有在很少数情况下会被使用,比如循环字符串时,这种用法可以避免使用一个循环。

new Array(count + 1).join(stringToRepeat);

总结

综上所述,我们应该尽量使用 [] 来创建新函数,而不是数组的构造函数,这样代码将有更好的可读性。

数据常见操作

因为这篇博文的原文比较短,所以我打算把一些常用的数组操作方法也总结一下:

添加元素

1.push - 将一个或多个新元素添加到数组结尾,并返回数组新长度。

Javascript学习笔记之数组的构造函数

2.unshift - 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度。

Javascript学习笔记之数组的构造函数

3.splice - 将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回 []

Javascript学习笔记之数组的构造函数

删除元素

1.pop - 移除最后一个元素并返回该元素值。

Javascript学习笔记之数组的构造函数

2.shift - 移除最前一个元素并返回该元素值,数组中元素自动前移。

Javascript学习笔记之数组的构造函数

3.splice - 删除从指定位置 deletePos 开始的指定数量 deleteCount 的元素,数组形式返回所移除的元素。(注意与添加元素时参数的差异)

Javascript学习笔记之数组的构造函数

其他操作

1.join - 返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 参数隔开。

Javascript学习笔记之数组的构造函数

2.slice - 方法用于返回数组中一个片段或子数组,如果只写一个参数返回参数到数组结束部分,如果参数出现负数,则从数组尾部计数,如果 start 大于 end 返回空数组,slice 不会改变原数组,而是返回一个新的数组。

Javascript学习笔记之数组的构造函数

3.concat - 将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组。

Javascript学习笔记之数组的构造函数

4.reverse - 反转元素(最前的排到最后、最后的排到最前),返回修改后的数组。

Javascript学习笔记之数组的构造函数

5.sort - 对数组元素排序,返回修改后的数组。当没有参数的时候会按字母表升序排序,也可以可以传一个排序方法进去。

Javascript学习笔记之数组的构造函数

Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - Calendar日历使用
Oct 19 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
Jan 25 Javascript
JavaScript四种调用模式和this示例介绍
Jan 02 Javascript
jquery插件开发之实现google+圈子选择功能
Mar 10 Javascript
angularJS结合canvas画图例子
Feb 09 Javascript
JavaScript中逗号运算符介绍及使用示例
Mar 13 Javascript
仿百度换肤功能的简单实例代码
Jul 11 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
layer.prompt输入层的例子
Sep 24 Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 #Javascript
Javascript 赋值机制详解
Nov 23 #Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
Nov 23 #Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 #Javascript
Javascript学习笔记之函数篇(四):arguments 对象
Nov 23 #Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
Nov 23 #Javascript
js实例属性和原型属性示例详解
Nov 23 #Javascript
You might like
PHP使用feof()函数读文件的方法
2014/11/07 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
JavaScript中setAttribute用法介绍
2013/07/20 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
vuex的简单使用教程
2018/02/02 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
2018/10/25 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
vue 实现根据data中的属性值来设置不同的样式
2020/08/04 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
Python实现的数据结构与算法之链表详解
2015/04/22 Python
python3编码问题汇总
2016/09/06 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
Python模拟浏览器上传文件脚本的方法(Multipart/form-data格式)
2018/10/22 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
Python3离线安装Requests模块问题
2019/10/13 Python
python 如何引入协程和原理分析
2020/11/30 Python
校园达人秀策划书
2014/01/12 职场文书
汽车装潢店创业计划书范文
2014/02/05 职场文书
物理研修随笔感言
2014/02/14 职场文书
三八节标语
2014/06/27 职场文书
银行党员批评与自我批评
2014/10/15 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
导游词之西安大清真寺
2019/12/17 职场文书