JavaScript Array对象详解(3)

var demoArray = []; demoArray.unshift('a'); // => demoArray:['a'] demoArray.unshift('b'); // => demoArray:['b', 'a'] demoArray.unshift('c'); // => demoArray:['c', 'b', 'a'] demoArray.unshift('d'); // => demoArray:['d', 'c', 'b', 'a'] demoArray.unshift('e'); // => demoArray:['e', 'd', 'c', 'b', 'a']

三. 静态方法
3.1 Array.isArray() :判断对象是否为数组

参数:

①value {Object}:任意对象

返回值:

{Boolean}  返回判断结果。当为 true时,表示对象为数组;为false时,表示对象不是数组

示例:

Array.isArray([]); // => true Array.isArray(['a', 'b', 'c']); // => true Array.isArray('a'); // => false Array.isArray('[1, 2, 3]'); // => false

四. 实际操作
4.1 索引

说明:每个元素在数组中有一个位置,以数字表示,称为索引。索引是从0开始计,即第一个元素的索引为0,第二个元素的索引为1,依此类推;

当获取一个数组不存在的索引时,返回 undefined。

示例:

var demoArray = ['a', 'b', 'c', 'd', 'e']; demoArray[0]; // => 获取第一个元素:'a' demoArray[0] = 1; // 设置第一个元素为 1 console.log(demoArray); // => demoArray:[1, 'b', 'c', 'd', 'e'] console.log(demoArray[9]); // => undefined :当获取的索引不存在时,返回 undefined

4.2 for 语句

说明:可以通过for语句逐个遍历数组

示例:

var demoArray = ['a', 'b', 'c', 'd', 'e']; for (var i = 0, length = demoArray.length; i < length; i++) { console.log(demoArray[i]); // => 逐个输出数组内的元素 }

4.3 浅度复制

说明:Array类型是一种引用类型;当数组a复制给数组b时,对数组b进行元素修改,数组a也会发生修改。

示例:

var demoArrayA = ['a', 'b', 'c', 'd', 'e']; var demoArrayB = demoArrayA; // 把数组A 赋值给数组B demoArrayB[0] = 1; // 对数组B 的元素进行修改 console.log(demoArrayA); // => [1, 'b', 'c', 'd', 'e']:数组A 的元素也发生了变更

4.4 深度复制

说明:使用concat()方法,返回新的数组;防止浅度复制的情况发生,对数组b进行元素修改操作,数组a不发生变更。

示例:

var demoArrayA = ['a', 'b', 'c', 'd', 'e']; var demoArrayB = demoArrayA.concat(); // 使用concat()方法,返回新的数组 demoArrayB[0] = 1; // 对数组B 的元素进行修改 console.log(demoArrayA); // => ['a', 'b', 'c', 'd', 'e']:数组A 的元素没变更 console.log(demoArrayB); // => [ 1, 'b', 'c', 'd', 'e']:数组B 的元素发生了变更

4.5 判断2个数组是否相等

说明:Array数组为引用类型,所以哪怕 []===[] 都会返回false,所以可通过数组toString()方法返回的字符串判断是否相等。

示例:

console.log([]===[]); // => false console.log(['a', 'b'] === ['a', 'b']); // => false console.log(['a', 'b'].toString() === ['a', 'b'].toString()); // true

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgyswz.html