引 用 类 型
定义：引用类型是一种数据结构，用于将数据和功能组织在一起，引用类型有时候也被称为对象定义
Array 类型
- Array实例的创建
/*
* 创建数组的基本方式有两种。
*/
// 第一种是使用 Array 构造函数,也可以省略 new 操作符
var colors = new Array();
var colors = new Array(20); // 如果预先知道数组要保存的项目数量
var colors = new Array("red", "blue", "green"); // 向 Array 构造函数传递数组中应该包含的项
// 第二种基本方式是使用数组字面量表示法
var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
var names = []; // 创建一个空数组
var values = [1,2,]; // 不要这样！这样会创建一个包含 2 或 3(IE) 项的数组
var options = [,,,,,]; // 不要这样！这样会创建一个包含 5 或 6 项的数组- 检测是否Array类型
// 方法一：
if (value instanceof Array){
alert(value is Array); // 适用于只有一个全局执行环境
}
// 方法二：
if (Array.isArray(value)){
alert(value is Array); // ECMAScript 5 新增
} // 支持 Array.isArray() 方法的浏览器有 IE9+、Firefox 4+、Safari 5+、Opera 10.5+和 Chrome
- Array实例的方法
1、转换方法
/*
* 转换方法toString()、join()，不会改变原数组
*/
var colors = ["red", "blue", "green"];
colors.toString(); // 返回"red,blue,green"
colors.valueOf(); // 返回["red", "blue", "green"]
colors.join(","); // 返回"red,green,blue"
colors.join("||"); // 返回"red||green||blue"
2、栈方法
方法：push()、pop()、shift() unshift()
/*
* 栈方法：push()、pop()、shift() unshift()，改变原数组
*/
var colors = ["red", "blue"];
colors.push("brown"); // 给数组尾部添加元素，返回此时数组长度3
colors.push("yellow", "green"); // 还可以推入两项
colors.pop(); // 移除数组最后一个元素，并返回该元素"green"
var colors = ["red", "blue","brown"];
colors.shift(); // 移除数组第一个元素，并返回该元素"red"
colors.unshift("green"); // 给数组头部添加元素，并返回添加后的数组长度3
colors.unshift("pink", "yellow"); // 还可以推入两项
3、排序方法
方法：reverse() 和 sort()
/*
* 排序方法： reverse() 和 sort()，改变原数组
*/
var values = [0, 1, 5, 10, 15];
values.reverse(); // 反转数组项，返回 [15,10,5,1,0]
values.sort(); // 调用toString转化为字符串进行排序，返回 [0,1,10,15,5]
function compare(value1, value2) {
if (value1 < value2) {
return 1;
} else if (value1 > value2) {
return -1;
} else {
return 0;
}
}
var values = [0, 1, 5, 10, 15];
values.sort(compare); // 调用比较函数排序，适用于多种类型，返回 [0,1,10,15,5]4、操作方法
方法：slice()、拼接concat()
/*
* 截取slice()、拼接concat()，不改变原数组
*/
var values = [0, 1, 5, 10, 15];
var values2 = values.concat("yellow", ["black", "brown"]); // 拼接数组，value2的值为[0, 1, 5, 10, 15, "yellow", "black", "brown"]
var colors = ["red", "green", "blue", "yellow", "purple"];
var colors2 = colors.slice(1); // 截取索引[1,length]的数组，colors2 的值为["green", "blue", "yellow", "purple"]
var colors3 = colors.slice(1,4); // 截取索引[1,4)的数组，colors2 的值为["green", "blue", "yellow"] splice() 的主要用途是向数组的中部插入项，但使用这种方法的方式则有如下 3 种：
删除：可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。例如， splice(0,2) 会删除数组中的前两项。
插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、0（要删除的项数）和要插入的项。如果要插入多个项，可以再传入第四、第五，以至任意多个项。例如，splice(2,0,"red","green") 会从当前数组的位置 2 开始插入字符串 "red" 和 "green" 。
替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如，splice (2,1,"red","green") 会删除当前数组位置 2 的项，然后再从位置 2 开始插入字符串 "red" 和 "green" 。
var colors = ["red", "green", "blue"];
var removed = colors.splice(0,1); // 删除第一项
alert(colors); // green,blue
alert(removed); // red，返回的数组中只包含一项
removed = colors.splice(1, 0, "yellow", "orange"); // 从位置 1 开始插入两项
alert(colors); // green,yellow,orange,blue
alert(removed); // 返回的是一个空数组
removed = colors.splice(1, 1, "red", "purple"); // 插入两项，删除一项
alert(colors); // green,red,purple,orange,blue
alert(removed); // yellow，返回的数组中只包含一项5、位置方法
总结：这两个方法都接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， indexOf() 方法从数组的开头（位置 0）开始向后查找， lastIndexOf() 方法则从数组的末尾开始向前查找。
方法： indexOf()、lastIndexOf()
/*
* ECMAScript 5 为数组实例添加了两个位置方法： indexOf() 和 lastIndexOf()
*/
var numbers = [1,2,3,4,5,4,3,2,1];
alert(numbers.indexOf(4)); // 返回 3
alert(numbers.lastIndexOf(4)); // 5
alert(numbers.indexOf(4, 4)); // 5
alert(numbers.lastIndexOf(4, 4)); // 3
var person = { name: "Nicholas" };
var people = [{ name: "Nicholas" }];
var morePeople = [person];
alert(people.indexOf(person)); // -1
alert(morePeople.indexOf(person)); // 06、迭代方法
总结： ECMAScript 5 为数组定义了 5 个迭代方法。每个方法都接收两个参数：要在每一项上运行的函数和（可选的）运行该函数的作用域对象——影响 this 的值。传入这些方法中的函数会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同，这个函数执行后的返回值可能会也可能不会影响方法的返回值
方法：
every() ：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true ，则返回 true
var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.every(function(item, index, array){
return (item > 2);
});
alert(everyResult); // 返回 false some() ：对数组中的每一项运行给定函数，如果该函数对任一项返回 true ，则返回 true 。
var numbers = [1,2,3,4,5,4,3,2,1];
var someResult = numbers.some(function(item, index, array){
return (item > 2);
});
alert(someResult); // 返回 true filter() ：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。
var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter(function(item, index, array){
return (item > 2);
});
alert(filterResult); // 返回 [3,4,5,4,3] map() ：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
var numbers = [1,2,3,4,5,4,3,2,1];
var mapResult = numbers.map(function(item, index, array){
return item * 2;
});
alert(mapResult); // 返回 [2,4,6,8,10,8,6,4,2] forEach() ：对数组中的每一项运行给定函数。这个方法没有返回值。
var numbers = [1,2,3,4,5,4,3,2,1];
numbers.forEach(function(item, index, array){
//执行某些操作
});7、归并方法
总结：这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值，给 reduce() 和 reduceRight() 的函数接收 4 个参数：前一个值、当前值、项的索引和数组对象。
方法：reduce() 和 reduceRight()
// 使用 reduce() 方法可以执行求数组中所有值之和的操作，比如：
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); // 15
// reduce方法不省略第二个参数（prev的基数）
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev, cur, index, array){
return prev + cur;
},5);
alert(sum); // 20
扫一扫
807
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
