在JS中,我们经常需要处理字符串,也经常需要去除字符串的空格。
- 通过字符串自带方法
<script type="text/javascript">
var str = ` Hello World! `;
console.log(str.trim());//去除字符串开头和结尾的所有空格
console.log(str.trimLeft());//去除左边(开头)所有空格
console.log(str.trimRight());//去除右边(结尾)所有空格
</script>
缺陷:通过字符串自带方法,无法去除字符串中间的空格
2.通过RegExp
<script type="text/javascript">
var str = ` Hello World! `;
console.log(str.replace(/\s*/g,''));//全局匹配字符串所有空格,替换成''
console.log(str.replace(/^\s*|\s*$/g,''));//匹配开头和结尾的所有空格,替换成''
console.log(str.replace(/^\s*/,''));//匹配开头的所有空格,替换成''
console.log(str.replace(/\s*$/,''));//匹配结尾的0个或多个空格,替换成''
</script>
- 通过jQuery
<script src="jquery-3.3.1.js"></script>
<script type="text/javascript">
$(function(){
var str = ` Hello World! `;
console.log($.trim(str));//去除字符串两端空格
});
</script>
使用$.trim()也只能出去两端空格
知识点回顾:
String相关:
原始值字符串并没有属性和方法,因为他们不是对象。但原始值可以使用 属性和方法,是因为 JavaScript 在执行其方法和属性时经过了包装类
-
String()
可以将任意类型的值转为字符串。 -
String.fromCharCode()
,会根据传入的Unicode码点返回对应的字符串 -
str.length
,属性会返回字符串的长度 - String的实例对象的方法
charAt()
返回指定位置的字符charCodeAt()
返回给定位置字符的Unicode码点)。concat()
连接两个字符串,返回一个新字符串,不改变原字符串。slice()
用于从原字符串截取子字符串并返回,不改变原字符串。
当有两个参数时:第一个表示开始位,第二个是结束位(不含该位置)
当只有一个参数时:则表示从该位开始,截取到最后并返回。
当不传参时:相当于是截取了整个字符串,可以理解为复制了一个一样的值
如果参数是负值:表示从倒数位置。
如果第一个参数大于第二个参数:如slice(3,1),方法返回一个空字符串。substring()
用于从原字符串取出子字符串并返回,不改变原字符串。优先使用slice。substr()
也是从原字符串取出子字符串并返回,不改变原字符串。
如果两个参数:第一个参数表示开始位,第二个参数表示截取的子字符串的长度。
当只有一个参数时:则表示从开始位开始,截取到原字符串最后。
如果第一个参数是负数:表示倒数计算的字符位置
如果第二个参数是负数,将被自动转为0,因此会返回空字符串。indexOf()
,lastIndexOf()
用于确定一个字符串在另一个字符串中的位置,都返回一个整数,表示匹配开始的位置。如果返回-1,就表示不匹配。trim()
用于去除字符串两端的空格,不改变原字符串。toLowerCase()
转为小写,不改变原字符串。toUpperCase()
转为大写。不改变原字符串。localeCompare()
比较两个字符串,如果返回小于0,表示第一个字符串小于第二个字符串;如果等于0,表示两者相等;如果大于0,表示第一个字符串大于第二个字符串。
该方法的最大特点,就是会考虑自然语言的顺序。实际上这是JavaScript采用的是Unicode码点比较match()
用于匹配原字符串是否有某个子字符串,返回一个数组,成员为匹配的第一个字符串。如果没有找到匹配,则返回nullsearch()
用法等同于match,表示查找字符串中是否有某个字符串。但是返回值为匹配的第一个位置。如果没有找到匹配,则返回-1。replace()
替换匹配的子字符串,一般情况下只替换第一个匹配(除非使用带有g修饰符的正则表达式)split()
按照给定分割字符串进行分割,返回子字符串组成的数组。