第五章

2020-10-26

引用类型

引用类型的值（对象）是引用类型的一个实例。
对象是某个特定引用类型的实例。新对象是使用new操作符后跟一个构造函数来创建的。
构造函数本身就是一个函数，只不过该函数是出于创建新对象的目的而定义的。

1、Object类型

2、Array类型

检测数组：Array.isArray()

转换方法：所有对象都具有toLocaleString()、toString()、valueOf()方法

const colors = ["red", "green", "blue"];
console.log(colors.toString());//red,green,blue
console.log(colors.valueOf());//['red', 'green', 'blue']
//join方法可以使用不同的分隔符来构建这个字符串
console.log(colors.join(','));//red,green,blue
console.log(colors.join("||"));//red||green||blue

栈方法

数组–栈（LIFO）–后进先出push(),pop()

队列方法

数组–队列（FIFO）-先进先出shift(),unshift()

重排序方法

数组–reverse()反转,sort()

操作方法

concat–先创建当前数组的一个副本，然后将接收到的参数添加到这个副本的末尾

slice()接收一个或两个参数，即要返回项的起始和结束位置。1个参数–>返回从该参数指定位置到当前数组的末尾的所有项，2个参数：返回起始和结束直接的项（不包括结束位置的项）

const slice1 = ["red", "green", "blue", "white", "black"];
console.log(slice1.slice(1));//[ 'green', 'blue', 'white', 'black' ]
console.log(slice1.slice(2, 4));//[ 'blue', 'white' ]
//slice参数为负数--》用数组长度加上该数来确定相应的位置
console.log(slice1.slice(-3, -1));//[ 'blue', 'white' ]

splice()的主要用途是向数组的中部插入项–返回一个数组–>该数组中包含从原始数组中删除的项

删除：可以删除任意数量的项，只需指定2个参数：要删除的第一项的位置和要删除的项数

1 2	const splice1 = ["red", "green", "blue", "white", "black"]; console.log(splice1.splice(0, 2));//[ 'red', 'green' ]

插入：可以向指定位置插入任意数量的项，只需提供3个参数：起始位置、0（要删除的项数）、要插入的项
如果要插入多个项，可以再传入第四、第五，以至任意多个项
1
2
3
let splice2 = ["a", "b", "c"];
console.log(splice2.splice(0, 0, "-a"));//[]--返回的是从原始数组中删除的项
console.log(splice2);//[ '-a', 'a', 'b', 'c' ]
替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项–>3个参数：起始位置，要删除的项数、要插入的项
1
2
3
let splice3 = ["1", "2", "3"];
console.log(splice3.splice(0, 2, "3-1", "3-2"));//[ '1', '2' ]
console.log(splice3);//[ '3-1', '3-2', '3' ]

位置方法
indexOf、lastIndexOf():都接收两个参数：要查找的项和（可选的）表示查找起点位置的索引
indexOf方法从数组的开头（位置0）开始向后查找，lastIndexOf方法从数组的末尾开始向前查找
都返回要查找的项在数组中的位置(在比较第一个参数与数组的每一项时，会使用全等操作符(===))

1
2
3

let number1 = [1, 2, 3, 6, 9, 12];
console.log(number1.indexOf(3));//2
console.log(number1.indexOf(12, 3));//5

迭代方法5个
每个方法接收两个参数：要在每一项上运行的函数和（可选）运行该函数的作用域对象————影响this的值
传入这些方法中的函数接收三个参数：数组项的值、该项在数组中的位置、数组对象本身

every():对数组中的每一项运行给定函数，如果该函数对每一项都返回true,则返回true
filter():对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组–过滤
forEach():对数组中的每一项运行给定函数，这个方法没有返回值。
map():对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

some():对数组中的每一项运行给定函数，如果该函数对任一项返回true,则返回true

const number2 = [3, 6, 9, 12, 15, 18, 21];
const every1 = number2.every(function (item, index, array) {
    return (item % 3 === 0)
});
const filter1 = number2.filter(function(item, index, array) {
    return (item % 6 === 0);
});
const forEach1 = number2.forEach(function(item, index, array) {
    return ( item / 3 )
});
const map1 = number2.map(function(item, index, array) {
    return ( item / 3);
});
const some1 = number2.some(function(item, index, array) {
    return ( item % 6 === 0)
});
console.log(every1);//true
console.log(filter1);//[ 6, 12, 18 ]
console.log(forEach1);//undefined
console.log(map1);//[1, 2, 3, 4,5, 6, 7]
console.log(some1);//true

归并方法：reduce()、reduceRight()

reduce():从数组的第一项开始，逐个遍历到最后。

reduceRight():从数组的最后一项开始，向前遍历到第一项.
这两个方法都接受两个参数：一个在每一项上调用的函数和（可选）作为归并基础的初始值。
传给reduce和reduceRight的函数接收4个参数：前一个值、当前值、项的索引、数组对象
这个函数返回的任何值都会作为第一个参数自动传给下一项

const number3 = [1, 2, 3, 4, 10];
const reduce1 = number3.reduce(function(prev, cur, index, array) {
    return prev + cur;
});
const reduceRight1 = number3.reduceRight(function(prev, cur, index, array) {
    return prev - cur;
})
console.log(reduce1);//20
console.log(reduceRight1);//0

3、Date类型

要创建一个日期对象，使用new操作符和Date构造函数即可:var now = new Date();

在调用Date构造函数而不传递参数的情况下，新创建的对象自动获得当前日期和时间。如果想根据特定的日期和时间创建日期对象，必须传入表示该日期的毫秒数（即从UTC时间1970年1月1日午夜起至该日期经过的毫秒数）.为了简化这一计算过程，ECMAScript提供了两个方法:Date.parse()和Date.UTC()。
Date.parse()
接收一个表示日期的字符串参数，然后尝试根据这个字符串返回相应日期的毫秒数。如果Date.parse()传入的字符串不能表示日期，那么他会返回NaN.接收的格式如下：

“月/日/年” 如：6/13/2020
“英文月名日,年” 如：January 12,2004
“英文星期几英文月名日年时:分:秒时区” 如：Tue May 25 2020 00:00:00 GMT-0700
ISO 8601扩展格式 YYYY-MM-DDTHH:mm:ss.sssZ(例如：2020-03-25T00:00:00)只有兼容ECMAScript 5 的实现支持这种格式
*Date.UTC()**
同样返回表示日期的毫秒数，当他与Date.parse()在构建值时使用不同的信息。Date.UTC()的参数分别是年份、基于0的月份（1月是0，二月是1，以此类推）、月中的哪一天(1到31)、小时数（0到23）、分钟、秒以及毫秒数。这些参数中，只有前两个参数（年和月）是必须的。如果没有提供月中的天数，则假设为1；如果省略其他参数，则统统假设为0.
*Date.now()**
返回表示调用这个方法时的日期和毫秒数。这个方法简化了使用Date对象分析代码的工作。

4、RegExp类型

5、Function类型

6、基本包装类型

ECMAScript提供了3个特殊的的引用类型：Boolean、Number、String。这些类型与其他引用类型类似，但同时也具有各自的基本类型对应的特殊行为。实际上，每当读取一个基本类型值的时候，后台会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。

7、单体内置对象

Golbal对象
例如：isNaN()、isFinite()、parseInt()、parseFloat()等都是Global对象的方法。还包含其他的一些方法
1. URI编码方法–(encodeURI()和encodeURIComponent()方法对URI进行编码，以便发生给浏览器)。还有对应的decodeURI和decodeURIComponent()方法
2. eval()方法–大概是整个ECMAScript中最强大的一个方法：eval()方法就像一个完整的ECMAScript解析器，它只接受一个参数，即要执行的ECMAScript(或javaScript)字符串
  eval("alert('hi')")
  …
Math对象
…

小结

对象在JavaScript中被称为引用类型的值，而且有一些内置的引用类型可以用来创建特定的对象。现简要总结如下：

引用类型与传统面向对象程序设计中的类相似，但实现不同；
Object是一个基础类型，其他所有类型督促object基础了基本的行为；
Array类型是一组值的有序列表，同时还提供了操作和转换这些值的功能；
Date类型提供了有关日期和时间的信息，包括当前日期和时间以及相关的计算功能；
RegExp类型是ECMAScript至此正则表达式的一个接口，提供了最基本的和一些高级的正则表达式功能；
函数实际上是Funciton类型的实例，因此函数也是对象；而这一点正是JavaScript最有特色的地方。由于函数也拥有方法，可以用来增强其行为。
因为有了基本包装类型，所以JavaScript中的基本类型值可以被当作对象来访问。三种基本包装类型分别是：Boolean、Number、String。以下是它们共同的特征：
每个包装类型都映射到同名的基本类型
在读取模式下访问基本类型值时，就会创建对应的基本包装类型的一个对象，从而方便了数据操作。
操作基本类型值的语句一经执行完毕，就会立即销毁新创建的包装类型。
在所有代码执行之前，作用域中就已经存在两个内置对象：Global和Math。在大多数ECMAScript实现中都不能直接访问Global对象；不过Web浏览器提供了承担该角色的window对象。全局变量和函数都市Global对象的属性.Math对象提供了很多属性和方法，用于辅助完成复杂的数学计算任务。