JavaScript中数组对象的示例分析

这篇文章主要为大家展示了“JavaScript中数组对象的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“JavaScript中数组对象的示例分析”这篇文章吧。

磁县网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联建站从2013年开始到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

数组对象

数组的分类**
1、二维数组，二维数组的本质是数组中的元素又是数组。

var arr = [[1,2],[a,b]];alert(arr[1][0]); //a 第2列第1行所在的元素

2、稀疏数组

稀疏数组是包含从0开始的不连续索引的数组。在稀疏数组中一般length属性值比实际元素个数大（不常见）
举例

var a=["a",,"b",,,,"c",,];

数组对象属性

属性	作用
length 属性	表示数组的长度，即其中元素的个数
prototype 属性	返回对象类型原型的引用
constructor 属性	表示创建对象的函数

1.length属性:

alert(arr.length); //显示数组的长度10arr.length=15; //增大数组的长度,length属性是可变的alert(arr.length); //显示数组的长度已经变为15

2.prototype 属性

prototype 属性返回对象类型原型的引用。prototype 属性是object共有的。
objectName.prototype
objectName 参数是object对象的名称。
说明：用 prototype 属性提供对象的类的一组基本功能。 对象的新实例“继承”赋予该对象原型的操作。
对于数组对象，用以下例子说明prototype 属性的用途。
给数组对象添加返回数组中最大元素值的方法。要完成这一点，声明一个函数，将它加入 Array.prototype， 并使用它。

function array_max( ){
   var i, max = this[0];
   for (i = 1; i < this.length; i++){
       if (max < this[i])
       max = this[i];
   }
   return max;}Array.prototype.max = array_max;var x = new Array(1, 2, 3, 4, 5, 6);var y = x.max( );

3.constructor 属性

constructor 属性表示创建对象的函数。
object.constructor //object是对象或函数的名称。
说明：constructor 属性是所有具有prototype 的对象的成员。它们包括除 Global 和 Math对象以外的所有JScript固有对象。constructor属性保存了对构造特定对象实例的函数的引用。

例如：

x = new String("Hi");if (x.constructor == String) // 进行处理（条件为真）。//或function MyFunc {// 函数体。}y = new MyFunc;if (y.constructor == MyFunc) // 进行处理（条件为真）。

Array的对象方法
说明：部分是ECMAScript5的新特性（IE678不支持）

方法	作用
concat()	连接两个或者更多的数组，并返回结果
join()	将数组的元素组起一个字符串
pop()	删除并返回数组的最后一个元素
push()	数组末尾添加一个或者多个元素，返回新的长度
reverse	颠倒数组中元素的顺序
shift()	删除并返回数组的第一个元素
slice()	从某个已有的数组返回选定的元素
sort()	对数组元素排序
splice()	删除元素,并向数组添加新元素
toSource()	返回该对象的源代码
toString()	把数组转化为字符串并返回结果
toLocalString()	把数组转化为本地元素并返回结果
unshift	向数组开头添加一个或者更多的元素，并返回新的长度
valueof()	返回数组对象的原始值
forEach()	遍历数组对象
map()	对数组做一些映射
filter()	过滤
every()	检查判断
some()	检查判断
reduce()	两两执行一定的操作
reduceRight()	从右到左执行操作
indexOf()	数组检索查找某个元素
Array.isArray（[]）	判断是否是数组

主要对一些新特性进行讲解

concat
concat作用是拼接数组，需要注意的是也可以把一个数组元素作为拼接的元素，如果这样的话，数组会被拉平，再和其它的元素拼接起来成为新的数组，但是不会被拉平两次，concat不会修改原数组。

例如:

var arr=[1,2,3,4,5];arr.concat([10,11],13);//[1,2,3,4,5,10,11,13]arr.concat([1,[2,3]]);//[1,2,3,4,5,1,[1,3]]

slice
slice（a,b）a和b可以取负数，表示从a位置开始截取到b位置的一段数组，是一个左闭右开的区间，a和b可以取负数，如果是负数代表倒数第a/b个元素

var arr=[1,2,3,4,5];arr.slice(1,3);//[2,3]arr.slice(1);//[2,3,4,5]arr.slice(1,-1);//[2,3,4]arr.slice(-4,-3);//[2]

splice
splice删除元素并向数组添加新元素
object.splice(a)从左边开始删除a个元素
object.splice(a，b)从a位置开始截取其中的b个元素
object.splice(a，b，c，d)从a位置开始截取b个元素，并将c和d或者更多的元素插入原数组
需要注意的是splice会修改原数组

var arr=[1,2,3,4,5];arr.splice(2);//[3,4,5]arr;//[1,2];原数组被修改了var arr=[1,2,3,4,5];arr.splice(2，2);//[3,4]arr;//[1,2,5];var arr=[1,2,3,4,5];arr.splice(1，1，‘a’，‘b’);//[2]arr;//[1,"a","b",3,4,5];

foreach
foreach()函数从头到尾把数组遍历一遍。有三个参数分别是：数组元素，元素的索引，数组本身

var arr = [1, 2, 3, 4, 5];arr.forEach(function(x, index, a){//分别对应：数组元素，元素的索引，数组本身
    console.log(x + '|' + index + '|' + (a === arr));});// 1|0|true// 2|1|true// 3|2|true// 4|3|true// 5|4|true

reduce()
Array的reduce()把一个函数作用在这个Array的[x1, x2, x3…]上，这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算，其效果就是：

[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)

var arr = [1, 2, 3];var sum = arr.reduce(function(x, y) {
     return x + y}, 0); //参数 0是可选的，如果写了参数0那第一次传递的两个值就是0和1如果不写第一次传递的就是数组的前两个值，计算结果是6arr; //[1, 2, 3]arr = [3, 9, 6];var max = arr.reduce(function(x, y) {
     console.log(x + "|" + y);
     return x > y ? x : y;});// 3|9// 9|6max; // 9

数组和一般对象的比较

	数组/一般对象
相同点	都可以继承，对象不一定是数组，都可以当做对象添加属性
不同点	数组自动更新length按索引访问数组比访问一般对象属性明显迅速。数组对象继承Array.prototype上的大量数组操作方法

数组和字符串的比较

	数组 /字符串
相同点	字符串是数组的一种
不同点	字符串是不可变的数组，字符串没有数组的方法

以上是“JavaScript中数组对象的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网站题目：JavaScript中数组对象的示例分析
浏览路径：http://shouzuofang.com/article/gpghcs.html