javascript高级程序设计-第五章

╰半夏微凉° 2023-07-07 12:58 6阅读 0赞

#### 注 ####

> 没有一节一节写的很详细，就总结一些常用的，给自己或者也一起在学习的朋友一起过过眼瘾，一起理理，喜欢的朋友可以点赞关注哦。

#### 引用类型 ####

> 引用类型的值（对象）是引用类型的一个实例。在 ECMAScript 中，引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称为类，但这种称呼并不妥当。尽管 ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。

##### Object类型 #####

> 创建Object的两种方式

var person = {
         
     "name" : "xipiker", 
     "age" : 29, 
     5 : true 
    }; 
    var person2 = {
        }; //与 new Object()相同
    person2.name = "xipiker"; 
    person2.age = 29;

> 一般来说，访问对象属性时使用的都是点表示法，这也是很多面向对象语言中通用的语法。不过，在 JavaScript 也可以使用方括号表示法来访问对象的属性。在使用方括号语法时，应该将要访问的属性以字符串的形式放在方括号中，如下面的例子所示。

alert(person["name"]); //"xipiker" 
    alert(person.name); //"xipiker"

> 如果属性名中包含会导致语法错误的字符，或者属性名使用的是关键字或保留字，也可以使用方括号表示法。例如：

person["first name"] = "xipiker";

> 由于"first name"中包含一个空格，所以不能使用点表示法来访问它。然而，属性名中是可以包含非字母非数字的，这时候就可以使用方括号表示法来访问它们。

##### Array类型 #####

###### 检测数组 ######

> 检测数组的两种方法

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

###### 转换方法 ######

> 如前所述，所有对象都具有 toLocaleString()、toString()和 valueOf()方法。其中，调用数组的 toString()方法会返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。而调用 valueOf()返回的还是数组。

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

> toLocaleString()方法经常也会返回与 toString()和 valueOf()方法相同的值，但也不总是如此。当调用数组的 toLocaleString()方法时，它也会创建一个数组值的以逗号分隔的字符串。而与前两个方法唯一的不同之处在于，这一次为了取得每一项的值，调用的是每一项的 toLocaleString()方法，而不是 toString()方法。

###### join()方法 ######

> join()方法只接收一个参数，即用作分隔符的字符串，然后返回包含所有数组项的字符串。

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

###### 栈方法 ######

> 数组专门提供了 push()和 pop()方法，以便实现类似栈的行为。push()方法可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。而pop()方法则从数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。

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

###### 队列方法 ######

> 栈数据结构的访问规则是 LIFO（后进先出），而队列数据结构的访问规则是 FIFO（First-In-First-Out，先进先出）。队列在列表的末端添加项，从列表的前端移除项。由于 push()是向数组末端添加项的方法，因此要模拟队列只需一个从数组前端取得项的方法。实现这一操作的数组方法就是 shift()，它能够移除数组中的第一个项并返回该项，同时将数组长度减 1。结合使用 shift()和 push()方法，可以像使用队列一样使用数组。

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()与 shift()的用途相反：它能在数组前端添加任意个项并返回新数组的长度。因此，同时使用 unshift()和 pop()方法，可以从相反的方向来模拟队列，即在数组的前端添加项，从数组末端移除项。

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