js红宝书学习笔记(一)引用类型

一.引用类型

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

  创建Object 实例的两种方式:

new操作符跟Object构造函数

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

对象字面量表示法

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

  1. var person = {
  2. name :"Nicholas",
  3. age:29
  4. };

例子:

  1. function displayInfo(args){
  2. var output="";
  3. if(typeof args.name=="String"){
  4. output += "Name:" + args.name;
  5. }
  6. if(typeof args.age=="number"){
  7. output += "Age:" + args.age;
  8. }
  9. alert(output);
  10. }
  11. dispalyInfo({
  12. name: "Nicholas",
  13. age: 29
  14. })
  15. displayInfo({
  16. name: "Greg"
  17. });

2.Array类型

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

创建数组的两种方式:

  • 使用Array构造函数 
  1. var colors = new Array();
  2. var colors = new Array(20);// 创建一个包含 20 项的数组
  3. var colors = new Array("red", "blue", "green"); 创建一个包含 3 项,即字符串""red", "blue", "green"的数组
  • 使用数组字面量表示法
  1. var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
  2. var names = []; // 创建一个空数组
  3. var values = [1,2,]; // 不要这样!这样会创建一个包含 2 或 3 项的数组
  4. var options = [,,,,,]; // 不要这样!这样会创建一个包含 5 或 6 项的数组

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

  1. var colors=["red","blue","green"];//定义一个字符串数组
  2. alert(colors[0]);显示第一项
  3. colors[2] ="black"//修改第三项
  4. colors[3] ="brown";// 新增第四项
  5. ----数组就会自动增加到该索引值加 1 的长度
数组length属性特点---不是只读的,设置这个属性,将数组的末尾移除项或者向数组中添加新项
  1. var colors =["red","blue","green"]// 创建一个包含 3 个字符串的数组
  2. colors.length = 2;
  3. alert(colors[2]);

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

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

存在问题:

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

解决方案:

  1. if(Array.isArray(Value)){
  2. }
  1. var colors=["red","blue","green"]
  2. alert(colors.toString());// red,blue,green
  3. alert(colors.valueOf()); // red,blue,green
  4. alert(colors); // red,blue,green
  1. var colors=["red","green","blue"];
  2. alert(colors.join(","));//red,green,blue
  3. alert(colors.join("||")); //red||green||blue

二.栈方法

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

push方法和pop方法

  1. var colors=new Array();//创建一个数组
  2. var count=colors.push("red","green");//推入两项
  3. alert(count); //2
  4. count = colors.push("black"); // 推入另一项
  5. alert(count); //3
  6. var item = colors.pop(); // 取得最后一项
  7. alert(item); //"black"
  8. alert(colors.length); //2

三.队列方法

  • 栈数据结构----LIFO(后进先出) push方法和pop方法
  • 队列数据结构--FIFO(先进先出)push方法和shift方法
  1. var colors = new Array(); //创建一个数组
  2. var count = colors.push("red", "green"); //推入两项
  3. alert(count); //2
  4. count = colors.push("black"); //推入另一项
  5. alert(count); //3
  6. var item = colors.shift(); //取得第一项
  7. alert(item); //"red"
  8. alert(colors.length); //2
  • unshifit():数组前端添加任意各项并返回新数组长度
  • unshift()和pop方法,可以相反的方向模拟队列,即在数组的前端添加项,在数组的末端移除项

四.迭代方法

  • filter():对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。
  • forEach():对数组中的每一项运行给定函数。这个方法没有返回值。
  • map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
  • some():对数组中的每一项运行给定函数,如果该函数对任一项返回 true,则返回 true
  • every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。
  1. var numbers = [1,2,3,4,5,4,3,2,1];
  2. var everyResult = numbers.every(function(item, index, array){
  3. return (item > 2);
  4. });
  5. alert(everyResult); //false
  6. var someResult = numbers.some(function(item, index, array){
  7. return (item > 2);
  8. });
  9. alert(someResult); //true
  10. var numbers = [1,2,3,4,5,4,3,2,1];
  11. var filterResult = numbers.filter(function(item, index, array){
  12. return (item > 2);
  13. });
  14. alert(filterResult); //[3,4,5,4,3]
  15. var numbers = [1,2,3,4,5,4,3,2,1];
  16. var mapResult = numbers.map(function(item, index, array){
  17. return item * 2;
  18. });
  19. alert(mapResult); //[2,4,6,8,10,8,6,4,2]
  20. var numbers = [1,2,3,4,5,4,3,2,1];
  21. numbers.forEach(function(item, index, array){
  22. //执行某些操作
  23. });

reduce()和reduceRight()函数

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

五.Function 类型

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

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

函数定义的两种方式:

  1. function sum (num1, num2) {
  2. return num1 + num2;
  3. }
  4. var sum = function(num1, num2){
  5. return num1 + num2;
  6. };
  7. var sum = new Function("num1", "num2", "return num1 + num2"); // 不推荐

六.没有重载

  • 两个同名函数,而结果则是后面的函数覆盖了前面的函数
  • 在创建第二个函数时,实际上覆盖了引用第一个函数的变量

七.基本包装类型

        引用类型与基本包装类型的主要区别是对象的生存期

  • 使用new操作符创建的引用类型实例,会存在内存种直到销毁
  • 自动创建的基本包装类型的对象,只存在于代码执行的瞬间,然后被立即销毁      

八.Boolean类型(建议不要使用Boolean对象)

    

posted @ 2022-09-26 13:28  panyanquandexiaodi  阅读(28)  评论(0编辑  收藏  举报