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 相关文章推荐
对JavaScript的eval()中使用函数的进一步讨论
Jul 26 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
Apr 10 Javascript
js获取url中"?"后面的字串方法
May 15 Javascript
JSON+Jquery省市区三级联动
Jan 13 Javascript
JS 日期与时间戮相互转化的简单实例
Jun 22 Javascript
JS实现太极旋转思路分析
Dec 09 Javascript
JS绘制微信小程序画布时钟
Dec 24 Javascript
Vue.js图片预览插件使用详解
Aug 27 Javascript
vue拖拽组件使用方法详解
Dec 01 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
Aug 08 Javascript
JS代码实现页面切换效果
Jan 10 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
世界收音机发展史
2021/03/01 无线电
解析strtr函数的效率问题
2013/06/26 PHP
php自定义hash函数实例
2015/05/05 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
详解WordPress中添加和执行动作的函数使用方法
2015/12/29 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
Laravel中前端js上传图片到七牛云的示例代码
2017/09/04 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
JS实现动态给图片添加边框的方法
2015/04/01 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
Highcharts入门之基本属性
2016/08/02 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
2018/07/24 Javascript
使用p5.js实现动态GIF图片临摹重现
2019/10/23 Javascript
Python中for循环详解
2014/01/17 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
Python中sort和sorted函数代码解析
2018/01/25 Python
tensorflow中next_batch的具体使用
2018/02/02 Python
Django如何实现上传图片功能
2019/08/16 Python
Python使用python-docx读写word文档
2019/08/26 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
CSS3教程(7):CSS3嵌入字体
2009/04/02 HTML / CSS
css3选择器基本介绍
2014/12/15 HTML / CSS
具有防紫外线功能的高性能钓鱼服装:Hook&Tackle
2018/08/16 全球购物
如何提高JDBC的性能
2013/04/30 面试题
大学英语演讲稿(中英文对照)
2014/01/14 职场文书
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
平安建设实施方案
2014/03/19 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
检讨书怎么写
2015/05/07 职场文书
毕业生政审意见范文
2015/06/04 职场文书
初中开学典礼新闻稿
2015/07/17 职场文书