ES6知识点总结(五)
字符串与String
字符串
字符串是一组由16位值组成的不可变的有序序列,每个字符通常来自于Unicode字符集
字面量,由单引号或双引号括起来的字符序列
- 单双引号可以嵌套,由最外围引号定界字符串,如“this is a ‘dog’!”
- 字符串字面量可以拆分成数行,每行必须以反斜线(\)结束,且反斜线都不计入字符串的内容。
let s = "this is a \
dog";
console.log(s); //this is a dog
转义字符
反斜线(\)后加一个字符,用于表达特殊含义。如,\’,\”,\n,\r,\等。
字符的Unicode表示法
- 采用\uxxxx形式表示一个字符,xxxx表示字符的Unicode编码。
如:”\u0061”表示“a” - 仅能表示\u0000~\uFFFF之间的字符
- 超出这个范围的字符,必须采用2个双字节的形式表示。
如:”\uD842\uDFB7”表示“𠮷” - ES6提出利用大括号将整个编码括起来,从而识别为一个字符
如:”\u{20BB7}”->”𠮷”
如:”\u{20BB7}”===“\uD842\uDFB7” //true
字符串操作
+,用于字符串连接
let s="Java";
s=s+"Script";
console.log(s); //JavaScript
console.log("abc"+1); //abc1
console.log("10" + 10); //1010
console.log("abc"+{value:10}); //abc[object Object]
String
- 直接调用String( ),将其参数转换为字符串,返回字符串原始值。
console.log(String(100)); //100
let x;
console.log(String(x)); //undefined
let x=null;
console.log(String(x)); //null
String({value:100}); //"[object Object]"
String({value:100, toString: function(){ return this.value; }}) //"100"
- 作为构造函数,通过new调用String()则会返回一个字符串对象
let x = 100;
console.log(typeof String(x)); //string
console.log(typeof new String(x)); //object
- length属性,返回字符串字符个数,即16位码的个数
常用方法(ES5)
- charAt() ,用于返回指定索引处的字符,索引范围为从 0 到 length() - 1
let s="Hello, Javascript";
s.charAt(0) //结果为:H
s.charAt(s.length-1) //结果为:t
- substring(start,stop) ,用于提取字符串中介于两个指定下标之间的字符。
substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。
let s="Hello, Javascript";
s.substring(1, 4) //结果为:ell
- substr(start,length) ,在字符串中抽取从 start 下标开始的指定数目的字符。
let s="Hello, Javascript";
s.substr(2, 3) //结果为:llo
- slice(start,end) 方法可从已有的数组中返回选定的元素。
注意: 该方法并不会修改数组,而是返回一个子数组
如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素
使用负值从数组的尾部选取元素。
let arr = ["George","John","Thomas","James","Adrew","Martin"];
arr.slice(2,4) //结果为:["Thomas", "James"]
arr.slice(-3) //结果为: ["James", "Adrew", "Martin"]
- split(separator,howmany) ,用于把一个字符串分割成字符串数组。
separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。
howmany 可选。该参数可指定返回的数组的最大长度
let str = "Hello world!";
str.split(" "); //结果为: ["Hello", "world!"]
str.split(" ",1); //结果为:["Hello"]
str.split(""); //结果为:["H", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d", "!"]
- replace(regexp/substr,replacement) 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。
replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。
返回一个新的字符串
let s="Hello, Javascript";
s.replace("s", "S") //结果为:Hello, JavaScript
- concat() 方法用于连接两个或多个数组。
会返回被连接数组的一个副本
let a = [1,2,3];
a.concat(4,5); //结果为:[1,2,3,4,5]
- toUpperCase() 方法用于将小写字符转换为大写。
let s="Hello, Javascript";
s.toUpperCase( ) //结果为:HELLO, JAVASCRIPT
- indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
如果要检索的字符串值没有出现,则该方法返回 -1。
对大小写敏感 - trim() 方法用于删除字符串的头尾空白符。
let s="Hello, Javascript";
s.indexOf("l") //结果为:2
s.indexOf("l", 3) //结果为:3
" abc ".trim( ) //结果为:"abc"
常用方法(ES6)
- charCodeAt(index) 方法可返回指定位置的字符的 Unicode 编码。返回值是 0 - 65535 之间的整数。
如果 index 是负数,或大于等于字符串的长度,则 charCodeAt() 返回 NaN - codePointAt() ,返回指定索引处的字符(Unicode 代码点)
- fromCharCode() ,接受一个指定的 Unicode 值,然后返回一个字符串
- fromCodePoint() ,返回使用指定的代码点序列创建的字符串
let s="Hello, Javascript";
let c0 = s.charCodeAt(0);
console.log(c0); //72
let point = s.codePointAt(0);
console.log(point); //72
String.fromCharCode(point); //"H"
String.fromCodePoint(65, 90); // "AZ"
- startsWith(searchvalue, start) ,用于检测字符串是否以指定的子字符串开始
如果是以指定的子字符串开头返回 true,否则 false。
对大小写敏感。
searchvalue 必需,要查找的字符串。
start 可选,查找的开始位置,默认为 0。 - endsWith() 方法用于测试字符串是否以指定的后缀结束。
如果参数表示的字符序列是此对象表示的字符序列的后缀,则返回 true;否则返回 false。 - includes(searchvalue, start) 方法用于判断字符串是否包含指定的子字符串。
如果找到匹配的字符串则返回 true,否则返回 false。
对大小写敏感
searchvalue 必需,要查找的字符串。
start 可选,设置从那个位置开始查找,默认为 0 - repeat()方法返回一个新字符串,表示将原字符串重复n次。
let c="Hello world!";
c.startsWith("He") //true
c.endsWith("d") //false
c.includes("or") //true
c.includes("Hello", 6) //false
c.repeat(2) //"Hello world!Hello world!"
- padStart() ,用于在开头位置补全字符串
参数1是用来指定字符串的长度,参数2是用来补全的字符串 - padEnd(), 用于在结尾位置补全字符串
"x".padStart(4, "ab") //"abax"
"x".padEnd(5, "ab") //"xabab"
布尔与Boolean
取值:true和false
常用于控制结构
其他值转换为布尔值
转换方法
- 使用Boolean( )转换
- 隐式转换
let x = 100;
let y = null;
let z;
if (x) {
console.log(x); //100
}
if (y != null) {
console.log(y);
}
if (z) {
console.log(z);
}