JavaScript备忘录(1)——内置类型

时间:2021-03-31 09:38:45

JavaScript有一些内置类型,还有很多常用的内置的方法,本文稍作总结,以备查阅。

值类型

我的理解,值类型是分配在栈上的,而引用类型(当然也包括引用类型内部的值类型)是分配在堆上的。值类型是不可以改变的,比如:

var s = "hello";
s = "hello2";

上述并没有将字符串"hello"改成"hello2",而是新创建了一个字符串"hello2",前一个字符串仍然存在(只不过无法访问了),并于当前作用域被回收时销毁。

值类型很简单,有五种:undefined,null,boolean,number,string,都通过字面量来创建。有两点需要注意

  • 值类型没有方法,诸如3.1415.toFixed(2)或者"hello".toUpperCase()的用法,实际上都已经对值类型进行了包装。
  • undefined和null的区别:前者通常表示一个不存在的/非法的值类型变量,后者表示一个不存在的/非法的引用类型变量。
  • number支持八进制012和十六进制0xA的字面值。

包装类型

在值类型变量上调用函数或方法,浏览器会事先对其进行包装为对象,然后调用该对象的相关方法,如3.1415.toFixed(2),就是先把值类型包装为内置的Number类型,然后调用Number类型的toFixed方法。我们也可以显式地进行手动包装:

var n = new Number(3.1415);

包装类型的实例可以看做是临时对象,在调用过需要的函数后就不能再访问了,因此其上的方法不会影响变量原先的值。比如:

var x = 3.1416;
x.name = "PI"; // var tmpx = new Numer(x);
// tmpx.name = "PI";
console.log(x.name);

包装类型有很多有用的内置方法:

Number

在值类型变量或字面量(为方便,举例都在字面量上直接调用,下同)上调用方法:

  • toFixed(n):指定小数位数,如21.628.toFixed(2)返回"21.628"。
  • toExponential(n):指定小数位数并以科学计数法输出,如21.628.toExponential(2)返回"2.16e+1"
  • toPrecision(n):指定有效数字位数,如21.628.toPrecision(4)返回"21.63"。如果精度不到个位,以科学计数法表示,如21.628.toPrecision(1)返回"2e+1"。

注意,以上三个方法返回的都是字符串。

String

在值类型变量或字面量上调用方法:

  • charAt(i):返回字符串中指定位置的字符(返回的类型还是字符串),如"hello".charAt(1)返回"e"。
  • charCodeAt(i):返回指定位置字符编码,如"hello".charCodeAt(1)返回"101"。
  • concat(arguments):连接字符串,接收任意多个参数。如"hello".concat(" world", "!")返回"hello world!"。但实际上,我们更常使用+运算符连接字符串。
  • slice(i1, i2):返回指定两个索引值间的字串,如"hello world".slice(3, 7)返回"lo w"。如果i2没有指定,默认为最后一个字符的索引值。
  • substring(i, n):返回从指定索引值开始,具有某个长度的子串,如"hello world".substring(3, 7)返回"lo worl"。如果n没有指定,效果与slice一致。
  • substr(i1, i2):与slice(i1, i2)相同。唯一区别在于索引值i为负的时候,如"hello".substr(-3, 4)会被转化为"hello".substr(5-3, 4)返回"ll",而substr(-3, 4)会被转为"hello".substr(0, 4)返回"hell"。
  • indexOf(s, i):从索引值i的位置顺序搜索字符串,返回子串第一次出现的位置,若不设定i,默认为0。
  • lastIndexOf(s, i):从索引值i的位置逆序搜索字符串,返回子串第一次出现的位置,若不设定i,默认为length-1。
  • trim():删除所有前置和后置的空格,如"  hello world! ".trim()会返回"hello world!"。
  • toLowerCase和toUpperCase():大小写转换,如"Hello".toUpperCase()会返回"HELLO"。
  • localeCompare(s):字典法比较两个字符串大小,如"bag".localeCompare("bad")返回1,而"bag".localeCompare("baggage")返回-1。

字符串的模式匹配方法记录在正则表达式的章节。

引用类型

引用类型,也就是对象(object)。对象可以通过对象字面量来创建,也可以通过对象字面量来创建,也可以通过构造函数来创建。JavaScript的内置对象包括Object,Array, Date, Math, Function,RegExp,它们都继承自Object类型。继承的相关知识留在专门章节总结,函数和正则表达式也是。

Object

使用字面量创建的对象就是Object类型。Object类型的方法主要包括,注意其他内置方法也很可能有类似的方法,他们都(覆盖式地)继承自Object方法。

Array

  • 可以通过字面量[1, "hello", {x:3}]创建数组,也可以通过构造函数new Array(20)或new Array(1, "hello", {x:3})创建数组。数组内置方法较多:
  • toString(s):以逗号(默认)或其他分隔符输出数组(即对数组中每个元素调用toString()方法并用分隔符相连),如[1, "hello", {x:1}].toString(";")返回"1;hello;[object object]"。
  • push(ele)和pop():从数组尾端压入或弹出元素。
  • unshift(ele)和shift():从数组前端压入或弹出元素。
  • reverse():反转数组。
  • sort(func):升序排序数组,默认将数组中的所有元素转化为字符串排序(即使所有元素都是数字),如[10, 1, 5].sort会产生[1, 10, 5]。也可以利用参数func指定规则,func(v1, v2)如果v1<v2则返回-1(其实负值就行)。
  • concat(arguents):连接数组,可以传入任意多个参数,如[1, 2].concat(3, [4, 5], 6)会返回[1, 2, 3, 4, 5, 6],注意该函数没有改变数组本身,而是返回了一个新对象。
  • slice(i1, i2):提取子数组,与String中的slice类似,同样没有改变原数组,而是返回了新的对象。
  • splice(i1, i2, ele1, ele2, ele3, ...):强大的方法,可以删除、插入、替换数组中的项。
    • 删除:[1, 2, 3, 4, 5].splice(1, 3)会返回[2, 3, 4]而使原数组变成[1, 5]。
    • 插入:[1, 2, 3].splice(2, 0, -1, -3)会返回[]而使原数组变成[1, 2, -1, -3, 3]。
    • 替换:[1, 2, 3, 4, 5].splice(2, 2, -1, -2)会返回[3, 4]而使原数组变成[1, 2, -1, -2, 5]。
  • indexOf(ele, i)和lastIndexOf(ele, i),返回指定元素的索引值,参考String类型的同名函数。
  • some(func):对每一项执行func,若有一项返回true,该函数返回true。如[1, 2, 3].some(function(ele){return ele<1;})返回false。
  • every(func):数组中的每一项都使func返回true,则返回true。如[1, 2, 3].every(function(ele){return ele<5})返回true。
  • filter(func):返回一个子数组,其中的每一项元素都使func返回true。如[1, 2, 3].filter(func(ele, index){return index%2 == 0;})返回[1, 3]。
  • forEach(func):对每一项元素都执行func,无返回值。如var arr=[]; [1, 2, 3].forEach(function(ele, index){arr.push(index);})返回[0, 1, 2]。
  • map(func):对每一项元素执行func,并返回由返回值构成的数组。如[1, 2, 3].map(function(ele){return -ele;})返回[-1, -2, -3]。
    • 以上五个迭代方法,func的签名都是func(ele, index, arr),三个参数分别表示数组项、索引值和原数组。如果想改变原数组,可使用arr[index]。
  • reduce(func, ori):归并所有项并构建一个最终返回值,func为归并方法。如[1,2,3].reduce(function(prev, cur){return prev*2+cur}, -1)返回3,即(((-1)*2+1)*2+2)*2+3。
  • reduceRight(func, initial):迭代从数组尾部开始。

    • 以上两个归并方法func的签名是func(prev, cur, index, arr),分别表示前一项,当前项,索引值和原数组。第一次归并时,prev取ori,若ori没有指定,默认为0。