JS实现字符串中去除指定子字符串

骑猪看日落 2021-09-23 09:42 745阅读 0赞

平时开发中经常需要去除字符串指定子字符，下面是两种可靠的方法

<!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="UTF-8">
    		<title>Title</title>
    	</head>
    	<body>
    		<script>
    			/*方法一:使用replace函数替换*/
    			//去除字符串中含有的某字符串：str = str.replace('give', '');
    			var str = 'Could you please give me a simple example of how to';
    			console.log("str=======前==" + str); //str=======前==Could you please give me a simple example of how to
    			//注意：此处不可写作：str.replace('give', '');要写作：str = str.replace('give', '');
    			// replace：返回新的字符串，一定要重新接收，不然替换不了
    			str = str.replace('give', ''); //去掉字符的位置不定，可能在字符串中间，也可能在末尾
    			console.log("str.replace('give', '')==" + str.replace('give', ''));
    			//str.replace('give', '')==Could you please me a simple example of how to
    			console.log("str=======后==" + str); //str=======后==Could you please me a simple example of how to
    			/*方法二:使用字符串分割函数再聚合*/
    			var str = "hello world!";
    			var items = str.split("o");
    			//会得到一个数组，数组中包括利用o分割后的多个字符串（不包括o）
    			var newStr = items.join(""); //数组转成字符串,元素是通过指定的分隔符进行分隔的。此时以空串分割：即直接连接
    			console.log("newStr=====" + newStr); //  newStr=====hell wrld!
    			//会得到一个新字符串，将数组中的数组使用空串连接成一个新字符串
    		</script>
    	</body>
    </html>

运行，输出结果如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTM5MjUx_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTM5MjUx_size_16_color_FFFFFF_t_70]: /images/20210923/23cd90e2612e4d79a985c79833d7f8f4.png