IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 第二章 字符串与正则表达式(深入理解ES6) -> 正文阅读

[JavaScript知识库]第二章 字符串与正则表达式(深入理解ES6)

一、字符串的方法

JS 字符串的特性总是落后于其它语言,直到 ES5 中字符串才获得了 trim() 方法。 而 ES6 则继续添加新功能以扩展 JS 解析字符串的能力。
**startsWith()**方法:给定文本出现在字符串起始处返回true,
**endsWith()**方法:给定文本出现在字符串结尾位置处返回true,
**includes()**方法:给定文本存在字符串中的任意位置时返回true

	var msg = "Hello world!"; 
	
	console.log(msg.startsWith("Hello")); // true 
	console.log(msg.endsWith("!")); // true 
	console.log(msg.includes("o")); // true 
	
	console.log(msg.startsWith("o")); // false 
	console.log(msg.endsWith("world!")); // true 
	console.log(msg.includes("x")); // false 
	
	
	// 空格也算一个字符
	console.log(msg.startsWith("o", 4)); // true  从 msg 字符串的索引位置 4 (即 "Hello" 中的 "o" )开始尝试匹配
	console.log(msg.endsWith("o", 8)); // true   从位置 4 开始搜索,因 为参数 8 会从字符串的长度值( 12 )中被减去
	console.log(msg.includes("o", 8)); // false  从索引 位置 8 开始尝试匹配,也就是 "world" 中的 "r"
	

如果向 startsWith() 、 endsWith() 或 includes() 方法传入了正则表达式而不是字符 串,会抛出错误。这与 indexOf() 以及 lastIndexOf() 方法的表现形成了反差,它们会 将正则表达式转换为字符串并搜索它

**repeat()**方法:接受一个参数作为字符串的重复次数,返回 一个将初始字符串重复指定次数的新字符串。


	console.log("x".repeat(3)); // "xxx" 
	console.log("hello".repeat(2)); // "hellohello" 
	console.log("abc".repeat(4)); // "abcabcabcabc"
	

二、复制正则表达式

你在 ES5 环境中运行这段代码,那么你会收到一条错误信息,表示在第一个参数已经是 正则表达式的情况下不能再使用第二个参数。 ES6 则修改了这个行为,允许使用第二个参 数,并且让它覆盖第一个参数中的标志。

	var re1 = /ab/i, // ES5 中会抛出错误, ES6 中可用 
	re2 = new RegExp(re1, "g");

	console.log(re1.toString()); // "/ab/i" 
	console.log(re2.toString()); // "/ab/g" 
	
	console.log(re1.test("ab")); // true 
	console.log(re2.test("ab")); // true 
	
	console.log(re1.test("AB")); // true 
	console.log(re2.test("AB")); // false
	

三、模板字面量

模板字面量是 ES6 针对 JS 直到 ES5 依然完全缺失的如下功能的回应:
多行字符串:针对多行字符串的形式概念;
基本的字符串格式化:将字符串部分替换为已存在的变量值的能力;
HTML 转义:能转换字符串以便将其安全插入到 HTML 中的能力。

模板字面量的最简单语法,是使用反引号( ` )来包裹普通字符串,而不是用双引号或单 引号。参考以下例子:

	var msg = 'long'

	let message = `Hello world! ${msg}`; 
	console.log(message); // "Hello world!" 
	console.log(typeof message); // "string" 
	console.log(message.length); // 17
	
	// 反引号之内的所有空白符都是字符串的一部分,因此需要留意缩进。
	let message = `Multiline 
			string`; 
	console.log(message); 	// "Multiline 
							// 			string" 

	
	// 你可以轻易嵌入计算、函 数调用,等等
	let count = 10, price = 0.25, 
	message = `${count} items cost $${(count * price).toFixed(2)}.`; 
	console.log(message); // "10 items cost $2.50."

总结

以上的内容是通过阅读深入理解ES6摘出来的。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-16 22:12:45  更:2022-03-16 22:14:03 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 6:23:44-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码