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 相关文章推荐
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 Javascript
自己编写的类似JS的trim方法
Oct 09 Javascript
js中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
jquery常用方法及使用示例汇总
Nov 08 Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
Jan 13 Javascript
Jquery 效果使用详解
Nov 23 Javascript
jQuery操作动态生成的内容的方法
May 28 Javascript
ES6通过babel转码使用webpack使用import关键字
Dec 13 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 Javascript
react使用CSS实现react动画功能示例
May 18 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
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函数解决SQL injection
2006/10/09 PHP
PHP date函数常用时间处理方法
2015/05/11 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
将PHP程序中返回的JSON格式数据用gzip压缩输出的方法
2016/03/03 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
php把文件设置为插件的技巧方法
2020/02/03 PHP
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
js 获取(接收)地址栏参数值的方法
2013/04/01 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
2013/06/08 Javascript
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
2016/12/12 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
微信小程序调用微信支付接口的实现方法
2019/04/29 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
Python字符串格式化
2015/06/15 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
numpy实现RNN原理实现
2021/03/02 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
美国高品质个性化珠宝销售网站:Jewlr
2018/05/03 全球购物
思想品德课教学反思
2014/02/10 职场文书
幼儿园教师获奖感言
2014/03/11 职场文书
无刑事犯罪记录证明
2014/09/18 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
学术研讨会主持词
2015/07/04 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
MySQL 可扩展设计的基本原则
2021/05/14 MySQL
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL