第五章基本引用类型

2022-06-17

字数统计: 3.7k字 | 阅读时长≈ 16分

Date

1、getTimezoneOffset() 返回格林威治时间（UTC）与本地时间的差（分钟）
2、parse() 将'2020/12/12 12:00:00' 转为时间戳
3、toLocalString() 转化为本地日期格式字符串 "2021/3/13下午10:46:45"
4、toString()  "Sat Mar 13 2021 22:42:46 GMT+0800 (中国标准时间)"
5、toDateString() "Sat Mar 13 2021" 周/月/日/年
6、toTimeString()  "22:49:21 GMT+0800 (中国标准时间)"
7、toUTCString()   "Sat, 13 Mar 2021 14:51:16 GMT"
8、UTC(...options)  参数 options = [2020,0,1,12,10,55] 年月（1月是0）必须，默认 1日 其他为0
我们直接获取的时间为本地时间（东八区），而UTC时间则是0时区时间

RegExp

1、匹配模式符
-i	忽略大小写
-g	全局模式
-m	多行模式
-y	粘附模式,查找从 lastIndex开始及之后的字符串
-u	Unicode匹配
-s	doAll模式，匹配任何字符（包括 \n,\r）

2、字符转译 
为区别字符和语法 ( [ { \ ^ $ | ) ] } ? * + 等符号 作为匹配字符串时前面要加 \ (如\.)

包装类

Boolean

1、转型函数
let value = "25"; 
let number = Number(value); // 转型函数 
console.log(typeof number); // "number" 
console.log(number instanceof Boolean); // false


2、包装类
let obj = new Number(value); // 构造函数 
console.log(typeof obj); // "object"
console.log(obj instanceof Boolean); // true

理解原始布尔值和 Boolean 对象之间的区别非常重要，强烈建议永远不要使用后者。

String

 JavaScript 字符串由 16 位码元（code unit）组成。对多数字符来说，每 16 位码元对应一个字符。
 换 句话说，字符串的 length 属性表示字符串包含多少 16 位码元：
 
 1、chartAt()
 	方法返回给定索引位置的字符，由传给方法的整数参数指定。
     let message = "abcde"; 
 	console.log(message.charAt(2)); // "c"
 	下标超出 返回 空字符串
  2、charCodeAt()
 	方法可以查看指定码元的字符编码。这个方法返回指定索引位置的码元值，索引以整数指定。比如：
 	let message = "abcde"; // Unicode "Latin small letter C"的编码是 U+0063 
 	console.log(message.charCodeAt(2)); // 99 -> c的码元值为99
 
 3、fromChartCode()
 	fromCharCode()方法用于根据给定的 UTF-16 码元创建字符串中的字符。
     这个方法可以接受任意 多个数值，并返回将所有数值对应的字符拼接起来的字符串：
     
 	-接收 UTF-16 （16进制）
     	String.fromCharCode(0x61, 0x62, 0x63, 0x64, 0x65)// abcd
 
 	-接收 10 进制
     	String.fromCharCode(65,66,67,68,69);//ABCDE
 
 	对于 U+0000~U+FFFF 范围内的字符，length、charAt()、charCodeAt()和 fromCharCode() 返回的结果都跟预期是一样的。这是因为在这个范围内，每个字符都是用 16 位表示的，而这几个方法 也都基于 16 位码元完成操作。只要字符编码大小与码元大小一一对应，这些方法就能如期工作。
 	这个对应关系在扩展到 Unicode 增补字符平面时就不成立了。问题很简单，即 16 位只能唯一表示 65536 个字符。这对于大多数语言字符集是足够了，在 Unicode 中称为基本多语言平面（BMP）。为了 表示更多的字符，Unicode 采用了一个策略，即每个字符使用另外 16 位去选择一个增补平面。这种每个 字符使用两个 16 位码元的策略称为代理对。 在涉及增补平面的字符时，前面讨论的字符串方法就会出问题。
     比如，下面的例子中使用了一个笑 脸表情符号，也就是一个使用代理对编码的字符：
     // "smiling face with smiling eyes" 表情符号的编码是 U+1F60A 
     // 0x1F60A === 128522 
     let message = "ab☺de"; 
 	console.log(message.length); // 6 
 	console.log(message.charAt(1)); // b
     console.log(message.charAt(2)); // <?> 
     console.log(message.charAt(3)); // <?> 
     console.log(message.charAt(4)); // d
 
 【为了解决增补的代码识别出现了下面几个方法】
 
 4、codePointAt() 代替 charCodeAt
 	接收 16 位码元的索引并返回该索引 位置上的码点（code point）。码点是 Unicode 中一个字符的完整标识。
 	let message = "ab☺de"; 
 	console.log(message.length); // 6 
 	console.log(message.codePointAt(1)); // b
     console.log(message.codePointAt(2)); // ☺    
 	console.log(message.codePointAt(3)); // d
 5、fromCodePoint()  代替 fromChartCode
  这个方法接收任意数量的码点，返回对应字符拼接起来的字符串： 
  	console.log(String.fromCharCode(97, 98, 55357, 56842, 100, 101)); // ab☺de 
 	console.log(String.fromCodePoint(97, 98, 128522, 100, 101)); // ab☺de
 6、normalize()方法
 
 	normalize()方法对字 符串应用上述规范化形式，使用时需要传入表示哪种形式的字符			     串："NFD"、"NFC"、"NFKD"或"NFKC"。
 	选择同一种规范化形式可以让比较操作符返回正确的结果： 
     let a1 = String.fromCharCode(0x00C5), 
         a2 = String.fromCharCode(0x212B), 
         a3 = String.fromCharCode(0x0041, 0x030A); 
         console.log(a1.normalize("NFD") === a2.normalize("NFD")); // true 			 console.log(a2.normalize("NFKC") === a3.normalize("NFKC")); // true console.log(a1.normalize("NFC") === a3.normalize("NFC")); // true
 
 7、substr(x,y)
 字符串截取 x 开始位置，为负值表示长度加负值。y 截取字符数量，为负值会转化为0
 8、slice(x, y)
x 开始位置，y 结束位置 为负值x|y表示长度加负值
 9、subString(x, y)
x 开始位置，y 结束位置 不支持负数，负数都会转化为0
 
 10、startsWith、endWith、includes
 	判断字符中是否包含另一个字符串方法，接收第二个参数，从指定位置开始匹配,结束匹配
 11、indexOf、lastIndexOf 
 	用于在字符串中定位子字符串，接收第二个参数指定开始位置。
   前者从头开始，后者从尾部开始
   eg:
	let stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit"; 
	let positions = new Array(); let pos = stringValue.indexOf("e"); 
	while(pos > -1) { 
           positions.push(pos); 
           pos = stringValue.indexOf("e", pos + 1); 
       } 
	console.log(positions); // [3,24,32,35,52]

 12、padStart、padEnd
 	向前向后填充 n个 指定的字符串，默认填充空格
   let stringValue = "foo"; 
   console.log(stringValue.padStart(6)); // " foo" 
   console.log(stringValue.padStart(9, ".")); // "......foo" 
   console.log(stringValue.padEnd(6)); // "foo " 
   console.log(stringValue.padEnd(9, ".")); // "foo......"中的方法同名。toLocaleLowerCase()和

 13、toLowerCase()转大写和toUpperCase()转小写
 toLocaleUpperCase()与toLocaleLowerCase()

 14、字符串匹配方法
 	 match():与RegExp方法exec相同 
    search():返回第一个匹配位置的索引，没找到返回-1
    replace()：第二个参数可以是函数
    	function htmlEscape(text) { 
           return text.replace(/[<>"&]/g, function(match, pos, originalText) { 
           console.log(match, pos, originalText);
               switch(match) { 
                   case "<": return "&lt;"; 
                   case ">": return "&gt;"; 
                   case "&": return "&amp;"; 
                   case "\"": return "&quot;"; 
               } 
            }); 
        }

        console.log(htmlEscape("<p class=\"greeting\">Hello world!</p>"));
	//&lt;p class=&quot;greeting&quot;&gt;Hello world!&lt;/p&gt;	
 split():参数为分隔符，将字符串以什么为分隔符转为数组
 15、localeCompare()方法
比较两个字符串 按字母表顺序
localeCompare()的独特之处在于，实现所在的地区（国家和语言）决定了这个方法如何比较字 符串。
   
 16、String.trimStart()、String.trimEnd()、String.trim()
去除首空白，去除尾空白，去除首位空白
 
 17、字符串的 HTML 方法

    

 【问题】
 	1、字符串去重
   	（1）
           var reg = /(.)\1{1,}/g;
           var str = "abbcccdeeeefgaa";
           var res2 = str.replace(reg,"$1")
           console.log("字符串去重结果:",res2)    
           //     var res1 = str.match(reg)
           //     console.log("匹配结果:",res1)
	（2）
           let newStr = new Set([...str]);
           newStr = Array.from(newStr).join('');
	（3）
       	function qc(str){
               let newStr = '';
               for(let val of str){
                   if(newStr.indexOf(val)=== -1){
				newStr += val;
                   }
		   }
               return newStr;
           }
2、判断字符串中字符出现的次数
   	function cs(str, char){
           return [...str].reduce((total, current)=>{
               return current === char ? total + 1 : total;
           },0)
   	}
3、某个子串在字符串中出现的位置
   	function charPosition(str, char){
         let satrtIndex =  str.indexOf(char);
         if(satrtIndex == -1) return '没有找到';
         return {
           start: satrtIndex,
           end: satrtIndex + char.length -1
         } 
       }
4、找到匹配字符串所在的各个位置 相当于全局匹配吧
       function getPositions(str, char){
           let position = [],
               pos = 0;
            while(pos = str.indexOf(char, pos)){
              if(pos === -1) break;
              position.push({
                start:pos,
                end:pos += char.length - 1
              })
            }
           return position;
         }

Number

Number对象提供了几个将数值转字符串的方法
1、toFixed(n) (0-20)
	参数n表示 对数值保留几位小数，没有小数会补0.小数位超过n则会 先执行四舍五入再保留n位小数
    let num = 10.005; 
	console.log(num.toFixed(2)); // "10.01"

2、toExponential(n)
	参数n 表示 小数位数(1~21)
	返回以科学记数法（也称为指数记数法）表式数值的字符串
    let num = 10; 
    console.log(num.toExponential(1)); // "1.0e+1"

3、Number.isInteger()
	安全整数，用于辨别一个数值是否为整数
	let num = 10.00;
    Number.isInteger(num);//true
	num = 10.010;
	Number.isInteger(num);//false

科学计数法
1.0e+1 = 1.0e1 = 10
1.0e+10 = 1.0e10 = 10 000000000

单例内置对象

ECMA-262 对内置对象的定义是“任何由 ECMAScript 实现提供、与宿主环境无关，并在 ECMAScript 程序开始执行时就存在的对象”。这就意味着，开发者不用显式地实例化内置对象，因为它们已经实例化好了。前面我们已经接触了大部分内置对象，包括 Object、Array 和 String。本节介绍 ECMA-262 定义的另外两个单例内置对象：Global 和 Math

1、Global
Global 对象是 ECMAScript 中最特别的对象，因为代码不会显式地访问它。ECMA-262 规定 Global 对象为一种兜底对象，它所针对的是不属于任何对象的属性和方法。事实上，不存在全局变量或全局函 数这种东西。在全局作用域中定义的变量和函数都会变成 Global 对象的属性 。本书前面介绍的函数， 包括 isNaN()、isFinite()、parseInt()和 parseFloat()，实际上都是 Global 对象的方法。除 了这些，Global 对象上还有另外一些方法。

	1、URL编码方式
    	encodeURI()：用于编码整个URL字符串，它不会编码URL组件的特殊字符，比如冒号、斜杠、问号、
	    encodeURIComponent()：编码那些追加到已有URL后面的字符串。它会编码所有非标准字符
		
        对应的解码方式
		decodeURI()
		decodeURIComponent()。
	2、eval()
    	ECMAScript语言中最强大的方法接收一个要执行的JavaScript字符串
		解释器发现eval时，会将参数解析为实际的js语句，然后插到此处位置。eval中的变量不会提升，但它可以与外界共享作用域。但是在严格模式下，eval内部变量，函数等不能被外部访问
     3、Global的属性
     	属 性 				说 明 
        undefined 			  特殊值 undefined 				
		NaN 				 特殊值 NaN 
		Infinity 			 特殊值 Infinity 
		Object 				Object 的构造函数 
		Array 				Array 的构造函数 
		Function 			Function 的构造函数 
		Boolean 			Boolean 的构造函数 
		String 				String 的构造函数
		Number 				Number 的构造函数 
		Date 				Date 的构造函数 
		RegExp 				RegExp 的构造函数 
		Symbol 				Symbol 的伪构造函数 
		Error 				Error 的构造函数 
		EvalError 			EvalError 的构造函数 
		RangeError 			RangeError 的构造函数 
		ReferenceError 		ReferenceError 的构造函数 
		SyntaxError 		SyntaxError 的构造函数 
		TypeError 			TypeError 的构造函数 
		URIError 			URIError 的构造函数

	4、window对象
    	虽然 ECMA-262 没有规定直接访问 Global 对象的方式，但是 浏览器将window实现为Global对象的代理。
        当一个函数在没有明确 （通过成为某个对象的方法，或者通过 call()/apply()）指定 this 值的情况下执行时，this 值等于 Global 对象。因此，调用一个简单返回 this 的函数是在任何执行上下文中获取 Global 对象的通用 方式。


2、Math
	Math 对象上提供的计算要比直接在 JavaScript 实现的快得多，因为 Math 对象上的 计算使用了 JavaScript 引擎中更高效的实现和处理器指令。但使用 Math 计算的问题是精 度会因浏览器、操作系统、指令集和硬件而异。

	1、math对象中的特殊值
        属性					说明
        Math.E 				自然对数的基数 e 的值 
        Math.LN10 			10 为底的自然对数 
        Math.LN2 			2 为底的自然对数 
        Math.LOG2E 			以 2 为底 e 的对数 
        Math.LOG10E 		以 10 为底 e 的对数 
        Math.PI 			π 的值 
        Math.SQRT1_2 		1/2 的平方根 
        Math.SQRT2 			2 的平方根
	
    2、min() 和 max()方法
    	min()和 max()方法用于确定一组数值中的最小值和最大值。这两个方法都接收任意多个参数，如

		let max = Math.max(3, 54, 32, 16); 
		console.log(max); // 54 
		let min = Math.min(3, 54, 32, 16); 
		console.log(min); // 3

	3、舍入方法
    	ceil():向上取整
         floor():向下取整
		round():四舍五入
		fround():返回数值最接近的32位浮点值
    4、random
    	方法返回一个[0~1)范围的随机数.
        eg:返回{2~10]的随机数, 2-10之间有9个数  ， 最小值 2
        	let num = Math.floor(Math.random() * 9 + 2);

		封装函数：接收随机数的范围
        function selectFrom(lowerValue, upperValue) { 
            let choices = upperValue - lowerValue + 1; 
            return Math.floor(Math.random() * choices + lowerValue); 
        }

	5、其他方法
    		方 法 			说 明 
        	 Math.abs(x) 	返回 x 的绝对值 
        	 Math.exp(x) 	返回 Math.E 的 x 次幂 
        	 Math.expm1(x) 	等于 Math.exp(x) - 1 
              Math.log(x) 	 返回 x 的自然对数 
              Math.log1p(x)  等于 1 + Math.log(x) 
              Math.pow(x, power) 返回 x 的 power 次幂 
              Math.hypot(...nums) 返回 nums 中每个数平方和的平方根 
              Math.clz32(x) 	返回 32 位整数 x 的前置零的数量 
              Math.sign(x) 		返回表示 x 符号的 1、0、-0 或-1 
              Math.trunc(x) 	返回 x 的整数部分，删除所有小数 
              Math.sqrt(x) 		返回 x 的平方根 
              Math.cbrt(x) 		返回 x 的立方根 
              Math.acos(x) 		返回 x 的反余弦 
              Math.acosh(x) 	返回 x 的反双曲余弦 
              Math.asin(x) 		返回 x 的反正弦 
              Math.asinh(x) 	返回 x 的反双曲正弦 
              Math.atan(x) 		返回 x 的反正切 
              Math.atanh(x) 	返回 x 的反双曲正切 
              Math.atan2(y, x) 	返回 y/x 的反正切 
              Math.cos(x) 	返回 x 的余弦 
              Math.sin(x) 	返回 x 的正弦 
              Math.tan(x) 	返回 x 的正切
              
	【注】即便这些方法都是由 ECMA-262 定义的，对正弦、余弦、正切等计算的实现仍然取决于浏览器，因 为计算这些值的方式有很多种。结果，这些方法的精度可能因实现而异。

类型转换

Boolean(new Boolean(false)); // 
Boolean(document.all);

[] == "";
[3] == 3;
[] == false;
42 == true;

在==时，会强制类型转换并比较转换后的结果

比较过程如下：

如果两个变量都是对象，则当都引用同一对象时才返回true
null == undefined ? 返回true
当两个变量类型不一致时会进行类型转换：
- string == number ? string转换为number后再进行比较
- boolean == any ? boolean转换为number后再进行比较
- object == string/number/symbol ? 尝试调用object的valueOf或toString将其转换为原始类型后再进行比较
当两个变量类型一致时：
- number == number ? 其中有一个为NaN时返回false; +0 == -0时返回true

本文作者： 王不留行
本文链接： https://wyf195075595.github.io/2022/06/17/programming/红宝书笔记/第五章基本引用类型/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！