js红宝书学习笔记(一)引用类型
一.引用类型
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(后进先出) push方法和pop方法
- 队列数据结构--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"); // 不推荐
- 两个同名函数,而结果则是后面的函数覆盖了前面的函数
- 在创建第二个函数时,实际上覆盖了引用第一个函数的变量
七.基本包装类型
引用类型与基本包装类型的主要区别是对象的生存期
- 使用new操作符创建的引用类型实例,会存在内存种直到销毁
- 自动创建的基本包装类型的对象,只存在于代码执行的瞬间,然后被立即销毁
八.Boolean类型(建议不要使用Boolean对象)