javascript类型系统 Array对象学习笔记(2)_H5之家 - 中国HTML5教程资源分享第一站

数组检测
　　自从ES3做出规定之后，就出现了确定某个对象是不是数组的经典问题。一般的常见方法是使用instance操作符，但该方法有它的局限性；ES5专门新增了isArray()方法来检测数组

var value = [123]; console.log(value instanceof Array);//true

　　instanceof操作符的问题在于它假定只有一个全局执行环境，如果网页中包含多个框架，那实际上就存在两个以上不同的全局环境，从而存在两个以上不同版本的Array构造函数。如果从一个框架向另一个框架传入一个数组，那么传入的数组与在第二个框架中原生创建的数组分别具有各自不同的构造函数

//在不同框架中不能共享prototype属性 var iframe = document.createElement('iframe'); document.body.appendChild(iframe); var value = new window.frames[0].Array; console.log(value instanceof Array);//false console.log(value.constructor == Array);//false

　但是，在不同框架中可以跨原型链调用toString()方法

var iframe = document.createElement('iframe'); document.body.appendChild(iframe); var value = new window.frames[0].Array; console.log(Object.prototype.toString.call(value));//[object Array]

　　ES5新增了Array.isArray()方法，来最终确定某个值到底是不是数组，而不管它在哪个全局环境中创建的

Array.isArray()

var value = [123]; console.log(Array.isArray(value));//true var iframe = document.createElement('iframe'); document.body.appendChild(iframe); var value = new window.frames[0].Array; console.log(Array.isArray(value));//true

栈和队列
push()

　　可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度

pop()

　　从数组末尾移除最后一项，减少数组的length值，然后返回移除的项

shift()

　　移除数组中的第一个项并返回该项，同时数组的长度减1(结合使用shift()和push()可以模拟队列)

unshift()

　　在数组前端添加任意个项并返回新数组长度(结合使用unshift()和pop()从相反方向模拟队列)

　　[注意]IE7-浏览器unshift()方法返回的总是undefined

var colors = []; var count = colors.push('red','green'); console.log(colors,count);//['red','green'] 2 var count = colors.pop(); console.log(colors,count);//['red'] 'green' var count = colors.unshift('white','black'); console.log(colors,count);//["white", "black", "red"] 3 var count = colors.shift(); console.log(colors,count);//["black", "red"] "white"

排序方法
reverse()

　　反转数组的顺序，返回经过排序之后的数组；而原数组顺序也发生改变

var array = [1,2,4,3,5]; console.log(array,array.reverse());//[5,3,4,2,1] [5,3,4,2,1] var array = ['str',true,3]; console.log(array,array.reverse());//[3,true,'str'] [3,true,'str']

sort()

　　默认情况下，按字符串升序排列数组项，sort方法会调用每个数组项的toString()方法，然后比较得到的字符串排序，返回经过排序之后的数组，而原数组顺序也发生改变

var array = [1,2,4,3,5]; console.log(array,array.sort());//[1,2,3,4,5] [1,2,3,4,5] var array = ['3str',3,2,'2']; console.log(array,array.sort());//[2, "2", 3, "3str"] [2, "2", 3, "3str"] var array = [1,5,10,50]; console.log(array,array.sort());//[1, 10, 5, 50] [1, 10, 5, 50] 　　

[注意]sort()方法可以接受一个比较函数作为参数，以便指定哪个值在哪个值的前面。比较函数接收两个参数，如果第一个参数应该位于第二个参数之前则返回一个负数，如果两个参数相等则返回0，如果第一个参数应该位于第二个参数之后则返回一个正数

[tips]比较函数

对于数值类型或valueOf()方法会返回数值类型的对象类型，比较函数可以简化为：

function compare(value1,value2){ return value1 - value2; } var array = ['5px',50,1,10]; console.log(array.sort(compare));//["5px",1,10,50] var array = [5,50,1,10]; console.log(array.sort(compare));//[1,5,10,50]

[tips]创建一个随机数组

function compare(){ return Math.random() - 0.5; } var array = [1,2,3,4,5]; console.log(array.sort(compare));//[2,1,5,4,3]

操作方法
concat()

　　基于当前数组中的所有项创建一个新数组，先创建当前数组一个副本，然后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组(concat()不影响原数组)