1. Object类型
//创建 Object 实例
//1. new 出对象
var person = new Object();
person.name = "Mike";
person.age = 18;
//2. 对象字面量
var person = {
name : "Mike",
age : 18
};
//属性名也可以用字符串
var person = {
"name" : "Mike",
"age" : 18,
5 : true //5 会自动转换为字符串
};
//如果只留花括号,则可定义只包含默认属性和方法的对象
var person = {};
person.name = "Mike";
person.age = 18;
//示例
function displayInfo (args) {
var output = "";
if(typeof args.name == "string"){
output += "Name : " + args.name + "\n";
}
if(typeof args.age == "number"){
output += "Age : " + args.age + "\n";
}
alert(output);
}
displayInfo({
name : "Mike",
age : 18
});
displayInfo({
name : "Bob"
});
//还可以使用中括号来访问属性名
alert(person["name"]); //"Mike"
alert(person.name); //"Mike"
//优点是,可以通过变量来访问属性,例如
var propertyName = "name";
alert(person[propertyName]); //"Mike"
//会导致语法错误的,也可以通过这种方式来访问
person["first name"] = "Mike";
//通常,除非必须使用变量来访问属性,否则我们建议使用点表示法
2. Array类型
//创建数组
var colors = new Array();
//创建长度为20的数组
var colors = new Array(20);
//数组初始化
var colors = new Array("red", "blue", "green");
//数组字面量表示法
var colors = ["red", "blue", "green"];
var names = [];
//数组的 length 属性很有特点——它不是只读的。
//因此,通过设置这个属性,可以从数组的末尾移除项或向数组中添加新项。
2.1 检测数组
- value instanceof Array
- Array.isArray(value)
2.2 转换方法
var person1 = {
toLocaleString : function () {
return "Nikolaos";
},
toString : function() {
return "Nicholas";
}
};
var person2 = {
toLocaleString : function () {
return "Grigorios";
},
toString : function() {
return "Greg";
}
};
var people = [person1, person2];
alert(people); //Nicholas,Greg
alert(people.toString()); //Nicholas,Greg
alert(people.toLocaleString()); //Nikolaos,Grigorios
var colors = ["red", "green", "blue"];
alert(colors.join(",")); //red,green,blue
alert(colors.join("||")); //red||green||blue
- 如果数组中的某一项的值是 null 或者 undefined,那么该值在 join()、
toLocaleString()、 toString()和 valueOf()方法返回的结果中以空字符串表示。
2.3 栈方法
//栈示例
var colors = new Array(); // 创建一个数组
var count = colors.push("red", "green"); // 推入两项
alert(count); //2
count = colors.push("black"); // 推入另一项
alert(count); //3
var item = colors.pop(); // 取得最后一项
alert(item); //"black"
alert(colors.length); //2
//可以将栈方法与其他数组方法连用
var colors = ["red", "blue"];
colors.push("brown"); // 添加另一项
colors[3] = "black"; // 添加一项
alert(colors.length); // 4
var item = colors.pop(); // 取得最后一项
alert(item); //"black"
2.4 队列方法
//队列示例
var colors = new Array(); //创建一个数组
var count = colors.push("red", "green"); //推入两项
alert(count); //2
count = colors.push("black"); //推入另一项
alert(count); //3
var item = colors.shift(); //取得第一项
alert(item); //"red"
alert(colors.length); //2
//unshift
var colors = new Array(); //创建一个数组
var count = colors.unshift("red", "green"); //推入两项
alert(count); //2
count = colors.unshift("black"); //推入另一项
alert(count); //3
var item = colors.pop(); //取得最后一项
alert(item); //"green"
alert(colors.length); //2
2.5 重排序方法
//sort() 缺陷
var values = [0, 1, 5, 10, 15];
values.sort();
alert(values); //0,1,10,15,5
//sort() 接受比较函数
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);
alert(values); //0,1,5,10,15
- 对于数值类型或者其 valueOf()方法会返回数值类型的对象类型,可以使用一个更简单的比较函数。
这个函数只要用第二个值减第一个值即可。
function compare(value1, value2){ return value2 - value1; }
由于比较函数通过返回一个小于零、等于零或大于零的值来影响排序结果,因此减法操作就可以适
当地处理所有这些情况。
2.6 操作方法
//concat()
var colors = ["red", "green", "blue"];
var colors2 = colors.concat("yellow", ["black", "brown"]);
alert(colors); //red,green,blue
alert(colors2); //red,green,blue,yellow,black,brown
//slice()
//如果 slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置。
//例如,在一个包含 5 项的数组上调用 slice(-2,-1)与调用 slice(3,4)得到的结果相同。
//如果结束位置小于起始位置,则返回空数组。
var colors = ["red", "green", "blue", "yellow", "purple"];
var colors2 = colors.slice(1);
var colors3 = colors.slice(1,4);
alert(colors2); //green,blue,yellow,purple
alert(colors3); //green,blue,yellow
//splice()
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,返回的数组中只包含一项
2.7 位置方法
//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)); //0
2.8 迭代方法
//1. every()
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
//2. some()
var someResult = numbers.some(function(item, index, array){
return (item > 2);
});
alert(someResult); //true
//3. filter()
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]
//4. 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]
//5. forEach()
var numbers = [1,2,3,4,5,4,3,2,1];
numbers.forEach(function(item, index, array){
//执行某些操作
});
2.9 归并方法
//1. reduce()
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); //15
//2. reduceRight()
var values = [1,2,3,4,5];
var sum = values.reduceRight(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); //15