<万博manbetx平台> ES 6 新的字符串方法 - ES 6 入门教程 - 万博manbetx平台中文网
购物车
登陆 / 注册
微信扫码登陆

推荐手册

ES 6 新的字符串方法

以下是方法及其说明列表:

Sr.No方法和描述
1String.prototype.startsWith(searchString, position = 0)

如果接收器以searchString开头,则返回true;参数position允许您指定要检查的字符串的起始位置。

2String.prototype.endsWith(searchString, endPosition = searchString.length)

如果接收器以searchString结尾,则返回true;参数endposition允许您指定要检查的字符串的位置。

3String.prototype.includes(searchString, position = 0)

如果接收器包含searchString,则返回true;参数position允许您指定要搜索的字符串的起始位置。

4String.prototype.repeat(count)

返回接收器,count参数指定字符串应重复的次数。


模板文字

模板文字是允许嵌入表达式的字符串文字。模板字符串使用反向标记(``)而不是单引号或双引号。因此,模板字符串可以写成:

var greeting = `Hello World!`;

字符串插值和模板文字

模板字符串可以使用占位符使用$ {}语法进行字符串替换。

示例1:

var name = "Brendan"; 
console.log('Hello, ${name}!');

成功执行上述代码后,将显示以下输出:

Hello, Brendan!

示例2:模板文字和表达式

var a = 10; 
var b = 10; 
console.log(`The sum of ${a} and ${b} is  ${a+b} `);

成功执行上述代码后,将显示以下输出:

The sum of 10 and 10 is 20

示例3:模板文字和函数表达式

function fn() { return "Hello World"; } 
console.log(`Message: ${fn()} !!`);

成功执行上述代码后,将显示以下输出:

Message: Hello World !!

多行字符串和模板文字

模板字符串可以包含多行。

例:

var multiLine = `
   This is 
   a string 
   with multiple 
   lines`; 
console.log(multiLine)

成功执行上述代码后,将显示以下输出:

This is 
a string 
with multiple 
line

String.raw()

ES6包含原始字符串的标记函数String.raw,其中反斜杠没有特殊含义。String.raw使我们能够像在正则表达式文字中一样编写反斜杠。请考虑以下示例:

var text =`Hello \n World` 
console.log(text)  
var raw_text = String.raw`Hello \n World ` 
console.log(raw_text)

成功执行上述代码后,将显示以下输出:

Hello 
World 
Hello \n World

String.fromCodePoint()

静态字符串,fromCodePoint()方法返回使用指定的unicode代码点序列创建的字符串。如果传递了无效的代码点,该函数将抛出RangeError。

console.log(String.fromCodePoint(42))        
console.log(String.fromCodePoint(65, 90))

成功执行上述代码后,将显示以下输出:

* 
AZ
网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号