JavaScript之截取字符串标签元素中的值、文本、replace、substring

---

功能函数

function labelString(str) {
	// 简单（单纯标签，不带任何属性）的正则表达式
	// 正则一
	// replace(/\<[a-zA-Z]+\>|\<\/[a-zA-Z]+\>/ig, '')
	
	// 复杂的正则表达式
	// 正则二
	str = str.replace(/\<[^>]*\>(([^<])*)/gi, () => arguments[1]);
	console.log(str);
	// 撒旦法师打发水电费撒的发生对光反射发个梵蒂冈士大夫撒多公分杀伐果断
	
	// 这一步可以不用，
	// 如果有这一步会更可靠一点
	// substring 的第二个参数可选，
	// 如果不写表示取到末尾
	str = str.substring(0, str.length);
	console.log(str);
	// 撒旦法师打发水电费撒的发生对光反射发个梵蒂冈士大夫撒多公分杀伐果断
	
	// 正则三
	// str = str.replace(/\<[^>]*\>/gi, '');
	
	return str;
};

---

函数执行

let str = '<p class="c">撒旦法师打发水电费</p><p><br></p><p><strong>撒的发生对光反射发个梵蒂冈</strong></p><p><br></p><p style="border: 1px solid red;"><em>士大夫撒多公分杀伐果断</em></p>';

console.log(labelString(str));
// 撒旦法师打发水电费撒的发生对光反射发个梵蒂冈士大夫撒多公分杀伐果断

---

substring

MDN

String的substring()方法返回该字符串从起始索引到结束索引(不包括)的部分，如果未提供结束索引，则返回到字符串末尾的部分。

---

W3SCHOOL

substring()方法从字符串中提取两个索引(位置)之间的字符，并返回子字符串。
substring()方法从头到尾(不包括)提取字符。
substring()方法不会更改原始字符串。
如果start大于end，则交换参数：(4, 1) = (1, 4)。
小于0的开始或结束值被视为0。

---

replace

w3school

replace方法在字符串中搜索值或正则表达式。
replace方法返回已替换值的新字符串。
replace方法不会更改原始字符串。
如果您替换值，则只会替换第一个实例。如需替换所有实例，请使用带有g修饰符集的正则表达式。

---

MDN

replace方法返回一个由替换值(replacement)替换部分或所有的模式(pattern)匹配项后的新字符串。模式可以是一个字符串或者一个正则表达式，替换值可以是一个字符串或者一个每次匹配都要调用的回调函数。如果pattern是字符串，则仅替换第一个匹配项。