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_09_Function与Object
Oct 16 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
Jul 09 Javascript
js实现div的切换特效上一个下一个
Feb 11 Javascript
Javascript遍历table中的元素示例代码
Jul 08 Javascript
浅谈JavaScript数据类型
Mar 03 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 Javascript
JavaScript-定时器0~9抽奖系统详解(代码)
Aug 16 Javascript
three.js实现圆柱体
Dec 30 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 Javascript
vue input标签通用指令校验的实现
Nov 05 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的session过期设置
2013/06/29 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
Extjs学习过程中新手容易碰到的低级错误积累
2010/02/11 Javascript
Javascript将string类型转换int类型
2010/12/09 Javascript
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
js操作模态窗口及父子窗口间相互传值示例
2014/06/09 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
详解javascript new的运行机制
2016/01/26 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
带你了解python装饰器
2017/06/15 Python
详解python中的装饰器
2018/07/10 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
详解pandas映射与数据转换
2021/01/22 Python
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
美国伴娘礼服商店:Evening Collective
2019/10/07 全球购物
钳工实习自我鉴定
2013/09/19 职场文书
电子商务自荐书范文
2014/01/04 职场文书
教学实习自我评价
2014/01/28 职场文书
入党推优材料
2014/06/02 职场文书
数学兴趣小组活动总结
2014/07/08 职场文书
党员批评与自我批评材料
2014/10/14 职场文书
丽江古城导游词
2015/02/03 职场文书
大一学生个人总结
2015/02/15 职场文书
vue3中的组件间通信
2021/03/31 Vue.js
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL
解决MySQL报“too many connections“错误
2022/04/19 MySQL