3.《JavaScript高级程序设计》回顾之引用类型(上)

这是我之前写的文章，若是错误，请指正，谢谢！

最近从新把红宝书拾起来复习了下，发现了好多遗忘的和遗漏的知识点，在这里总结一下我发现的本身忽略的知识点，但愿可以和你们一块儿进步：）

---

引用类型

Object

对象类型转换

对象类型的变量，在被转为数值类型时，例如Number(Obj)或者进行对比判断如==的时候，会先调用对象的 valueOf 方法，若是 valueOf 方法不存在的话，则会调用 toString 方法，而后把调用获得的结果转换为数值，举个例子：

const obj = {
  a: 1,
  valueOf: function() {
    return 2;
  },
  toString: function() {
    return 3;
  }
};
console.log(Number(obj)); // 2
console.log(obj == 2); // true
复制代码

const obj = {
  a: 1,
  toString: function() {
    return 3;
  }
};
console.log(Number(obj)); // 3
console.log(obj == 3); // true
复制代码

可是要注意的是，使用===来判断是没法经过的，由于会判断左端和右端的类型是否相同。

Array

length属性

数组的length属性表示数组的有多少项，这个属性是能够修改的，经过设置这个属性可以在数组的末尾移出或者添加项，举个例子：

const array = [1, 2, 3, 4, 5, 6];
console.log(array.length); // 6
array.length = 3;
console.log(array); // [1, 2, 3]
array.length = 5;
console.log(array);  // [1, 2, 3, , ]
复制代码

减小length能够移除数组末尾的项，而增长 length 会在数组末尾添加空数组项。

判断是不是数组

判断一个数组是数组的方法：array instanceof Array 扩展：在ES6中，可使用Array.isArray(array)方法来判断

Array重写的方法

valueOf：返回数组自身； toString：

1. 数组的每一项调用toString()方法；
2. 获得的各个结果用逗号分隔生成新的字符串返回；

toLocaleString：数组的每一项调用 toLocaleString 方法，其余的和 toSting 同样 join：

1. 数组的每一项调用 toString 方法；
2. 传入的参数调用 toString 方法；
3. 1获得的结果用2获得的结果来分隔；
4. 不传参数或者传入的参数若是是 undefined，则用默认的逗号来分隔；
5. 传入的参数若是是 null，用 null 的字符串来分隔；
6. 不能传入 Symbol 类型的数据做为参数，不然会报错；

值得注意的是，若是数组的某一项若是是null或者undefined，那么在调用上述的 toString、toLocaleString、join 方法时会被当总空数组项来处理。

splice方法

array.splice(start, length, ...otherArguments)删除或者添加数组项

1. start: 开始操做的数组项下标；
2. length：须要删除的数组项个数，从 start 位置开始删除，返回的结果为删除的数组项组成的新数组；
3. otherArguments：须要插入的新的数组项，从第三个参数开始，会在 start 位置依次插入传入的参数，本来 start 位置的数组项会被日后推移； 须要注意的是，splice 方法会修改原来的数组，不是一个函数式的方法，举个例子：

const array = ["a", "b", "c", "d", "e", "f"];
const newArr = array.splice(1, 2);
console.log(newArr); // ["b", "c"]
console.log(array); // ["a", "d", "e", "f"]
array.splice(2, 1, 2, ["a"]);
console.log(array); // ["a", "d", "e", 1, 2, ["a"],  "f"]
复制代码

基本包装类型

1. 基本类型的值调用方法的过程，以"this is a string".subString()为例子：

const str1 = String("this is a string"); // 建立一个String类型的实例
const str2 = str1.subString(); // 调用指定方法
str1 = null; // 销毁实例
复制代码

2. 使用Object构造函数建立实例时，会根据传入的值返回相应的基本包装类型的实例，举个例子：

const str = Object("123");
console.log(str instanceof String); //true
const num = Object(123);
console.log(num instanceof Number); // true
复制代码

3. 若是使用 new 调用 String 等构造函数来建立实例，那么这个实例的数据类型就是"object"，举个例子：

const str = new String("str");
console.log(typeof str); // "object"
console.log(str instanceof String); // true
复制代码

Boolean

1. new Boolean建立实例是引用类型的Boolean值；
2. valueOf：返回布尔值 true 或者 false ；
3. toString：返回字符串形式的 "true" 或者 "false"；

String

1. new String方式建立的实例是引用类型的String值；
2. valueOf、toString、toLocaleString 返回基本数值类型的字符串；
3. length 属性：表示这个引用类型的字符串是由多少个字符组成的；
4. chartAt：接收一个数值参数；若是参数是可以成功转换为数值，则返回参数所在位置的字符，不然返回第一个字符，举个例子：

const str = new String("this is a string");
console.log(str.charAt(1)); // "h"
console.log(str.charAt("1")); // "h"
console.log(str.charAt("a")); // "t"
复制代码

5. chartCodeAt：逻辑和 chartAt相同，返回值为获得的字符的字符编码(ASCII 码)；
6. concat：将2个或多个字符串合并后返回新的基本数值类型的字符串，这个方法不会改变原有字符串，举个例子：

const str = new String("str");
console.log(str.concat("aaa", "bbb")); // "straaabbb"
console.log(str); // String {"str"}
复制代码

7. slice、substring、substr：截取原有字符串的一部分，生成新的字符串；

8. slice：

   • 第一个参数表示开始截取的位置；
   • 第二个参数表示结束位置，不会被截取到；
   • 若是参数是负数，将参数和字符串的长度相加以后再使用；

9. substring：

   • 参数和 slice 方法同样；
   • 若是参数是负数，将参数转换为0后再使用；

10. substr：

    • 第一个参数表示开始位置；
    • 第二个参数表示要截取的字符长度；
    • 若是参数是负数，第一个参数会和字符串长度相加，第二个参数会转换为0，而后再使用参数；

11. indexOf 和 lastIndexOf 方法查找的时候使用的是 ===，而且这两个方法的第二个参数表示从字符串的第几个位置开始查找；

12. indexOf：从前日后搜索，返回所传参数在字符串中的第一个位置，不存在返回-1；

13. lastIndexOf：从后往前搜索，返回所传参数在字符串中的第一个位置，不存在返回-1；

14. trim：删除字符串两端的空格，返回新的字符串；

15. localeCompare：比较两个字符串在字母表中的位置，返回结果会随着国家和地区变化；

    • 若是参数在字符串以前，返回正数；
    • 若是相等，返回0；
    • 若是参数在字符串以后，返回负数 ；

16. fromChartCode：根据字符编码返回字符串

Number

1. new Number 建立实例是引用类型的Number值
2. valueOf：返回基本类型值的数值；
3. toString 和 toLocaleString：返回字符串形式的数值；能够传入一个参数，表示要返回几进制数职的字符串形式；
4. toFixed：按照指定的小数位返回数值的字符串形式，按标准可以返回0-20位的小数；
5. toExponential：格式化数值，返回指数表示法的字符串形式的数字，举个例子：

const num = new Number(12345);
console.log(num.toExponential(2)); // 1.23e+4
复制代码

6. toPrecision：
   • 接受一个参数，返回字符串形式的数值；
   • 参数表示要返回的数值的位数；
   • 按标准能够返回1-21位小数

---

感谢阅读，我的成果，请勿转载：）