js红宝书学习笔记（一）引用类型-CFANZ编程社区

一.引用类型

ECMAScript中，引用类型是一种数据结构称之为对象定义，，引用对象不同于传统面向对象语言所支持的类和接口等基本结构

Object 实例的两种方式：

new操作符跟Object构造函数

var person = new Object();
person.name ="Nicholas";
person.age=29;

对象字面量表示法

向函数传递大量可选参数的首选方式

var person = {
  name :"Nicholas",
  age:29
};

例子：

function displayInfo(args){
   var output="";
   if(typeof args.name=="String"){
      output += "Name：" + args.name;
  }
   if(typeof args.age=="number"){
      output += "Age：" + args.age;
  }
  alert(output);
}

dispalyInfo({
  name: "Nicholas", 
  age: 29 
})

displayInfo({ 
 name: "Greg" 
});

2.Array类型

ECMAScript数组与其他语言中的数组都是数据的有序列表，与其他语言不同的是，ECMAScript数组的每一项都可以保存任何类型的数据

创建数组的两种方式：

使用Array构造函数

var colors = new Array();
var colors = new Array(20);// 创建一个包含 20 项的数组
var colors = new Array("red", "blue", "green");  创建一个包含 3 项，即字符串""red", "blue", "green"的数组

使用数组字面量表示法

var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
var names = []; // 创建一个空数组
var values = [1,2,]; // 不要这样！这样会创建一个包含 2 或 3 项的数组
var options = [,,,,,]; // 不要这样！这样会创建一个包含 5 或 6 项的数组

数组的项数可以增加--减少

var colors=["red","blue","green"];//定义一个字符串数组
alert(colors[0]);显示第一项
colors[2] ="black"//修改第三项
colors[3] ="brown";// 新增第四项
----数组就会自动增加到该索引值加 1 的长度

数组length属性特点---不是只读的，设置这个属性，将数组的末尾移除项或者向数组中添加新项

var colors =["red","blue","green"]// 创建一个包含 3 个字符串的数组
colors.length = 2; 
alert(colors[2]);

3.判断对象是不是数组的经典问题

if(value instanceof Array){
//对数组执行某些操作
}

存在问题：

他假定只有一个全局执行环境。如果网页中包含多个框架，实际上存在两个以上不同全局执行环境，从而存在两个不同版本的Array构造函数

解决方案：

if(Array.isArray(Value)){
}

var colors=["red","blue","green"]
alert(colors.toString());// red,blue,green
alert(colors.valueOf()); // red,blue,green 
alert(colors); // red,blue,green

var colors=["red","green","blue"];
alert(colors.join(","));//red,green,blue 
alert(colors.join("||")); //red||green||blue

二.栈方法

栈是一种LIFO（Last-In-First-Out）后进先出的数据结构，最新添加的项最早被移除
栈中项的插入（推入）和移除只发生在栈的顶部

push方法和pop方法

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

三.队列方法

栈数据结构----LIFO(后进先出)
队列数据结构--FIFO（先进先出）push方法和shift方法

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

unshifit（）:数组前端添加任意各项并返回新数组长度
unshift（）和pop方法，可以相反的方向模拟队列，即在数组的前端添加项，在数组的末端移除项

四.迭代方法

filter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。
forEach()：对数组中的每一项运行给定函数。这个方法没有返回值。
map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
some()：对数组中的每一项运行给定函数，如果该函数对任一项返回 true，则返回 true。
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 
var someResult = numbers.some(function(item, index, array){ 
 return (item > 2); 
}); 
alert(someResult); //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]

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]

var numbers = [1,2,3,4,5,4,3,2,1]; 
numbers.forEach(function(item, index, array){ 
 //执行某些操作 
});

reduce()和reduceRight()函数

var values = [1,2,3,4,5]; 
var sum = values.reduce(function(prev, cur, index, array){ 
 return prev + cur; 
}); 
alert(sum); //15

五.Function 类型

函数名实际上是一个指向函数对象的指针，不会与某个函数绑定。
函数通常使用函数声明语法定义

函数是对象，函数名是指针

函数定义的两种方式：

function sum (num1, num2) { 
 return num1 + num2; 
}

var sum = function(num1, num2){ 
 return num1 + num2; 
};

var sum = new Function("num1", "num2", "return num1 + num2"); // 不推荐