JS常用字符串处理方法

今天我们来学习一下JS常用字符串处理方法。

• concat

将两个或多个字符的文本组合起来，返回一个新的字符串。

<script>
    var a = "hello,";
    var b = "world!";
    var c = a.concat(b);
    console.log(c);
</script>

运行结果

• indexOf

返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回-1。

<script>
    var a = "hello,";
    var index1 = a.indexOf("l");
    var index2 = a.indexOf("w");
    console.log(index1);
    console.log(index2);
</script>

运行结果

• charAt

返回指定位置的字符

<script>
    var a = "hello,";
    var get_char = a.charAt(0);
    console.log(get_char);
</script>

运行结果

• lastIndexOf

返回字符串中一个子串最后一处出现的索引（从右到左搜索），如果没有匹配项，返回-1。

<script>
    var a = "hello,";
    var index1 = a.lastIndexOf("l");
    var index2 = a.lastIndexOf("d");
    console.log(index1);
    console.log(index2);
</script>

运行结果

• match

检查一个字符串匹配一个正则表达式内容，如果没有匹配项，返回null。

<script>
    var a = "hello";
    var b = "he-llo";
    var reg = new RegExp(/^\w+$/);
    var alpha = a.match(reg);
    var alpha2 = b.match(reg);
    console.log(alpha);
    console.log(alpha2);
</script>

运行结果

• substring

返回字符串的一个子串，传入参数是起始位置和结束位置。

<script>
    var a = "hello";
    var sub = a.substring(1);
    var sub2 = a.substring(1,4);
    console.log(sub);
    console.log(sub2);
</script>

运行结果

• substr

返回字符串的一个子串，传入参数是起始位置和长度。

<script>
    var a = "hello";
    var sub = a.substr(2);
    var sub2 = a.substr(1,2);
    console.log(sub);
    console.log(sub2);
</script>

运行结果

• replace

用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。

<script>
    var a = "hello";
    var b = "world";
    var re = "hello";
    var res = a.replace(re,"hello");
    var res2 = b.replace(re,"hello");
    console.log(res);
    console.log(res2);
</script>

运行结果

• search

执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值，否则返回-1。

<script>
    var a = "hello";
    var b = "world";
    var re = "hello";
    var res = a.search(re);
    var res2 = b.search(re);
    console.log(res);
    console.log(res2);
</script>

运行结果

• slice

提取字符串的一部分，并返回一个新字符串（用法与substring相同）。

<script>
    var a = "hello";
    var sub = a.slice(1);
    var sub2 = a.slice(1,4);
    console.log(sub);
    console.log(sub2);
</script>

运行结果

• split

通过将字符串划分成子串，将一个字符串做成一个字符串数组。

<script>
    var a = "hello";
    var arr = a.split("");
    console.log(arr);
</script>

运行结果

• join

把数组中的所有元素放入一个字符串。

<script>
    var arr = ["哎呦喂","你","很","拽","啊"];
    var arr2 = arr.join("");
    console.log(arr2);
    console.log(typeof(arr2));
</script>

运行结果

• length

返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。

<script>
    var a = "hello";
    console.log(a.length);
</script>

运行结果

• toUpperCase

将整个字符串转换成大写字母。

<script>
    var a = "hello";
    var low = a.toUpperCase();
    console.log(low);
</script>

运行结果

• toLowerCase

将整个字符串转换成小写字母。

<script>
    var a = "HELLO";
    var low = a.toLowerCase();
    console.log(low);
</script>

运行结果

• 去除左边空格

String.prototype.LTrim = function () {
        return this.replace(/(^\s*)/g, "");
    }

• 去除右边空格

String.prototype.RTrim = function () {
        return this.replace(/(\s*$)/g, "");
    }

• 去除左右空格

String.prototype.LTrim = function () {
        return this.replace(/(^\s*)|(\s*$)/g, "");
    }

• 正则表达式小知识

. 匹配除换行符以外的任意字符
\w 匹配字母或数字或下划线或汉字 等价于[A-Za-z0-9]
\s 匹配任意的空白符
\d 匹配数字
\b 匹配单词的开始或结束
^ 匹配字符串的开始
$ 匹配字符串的结束
+表示重复一次或者多次
*表示重复0或者多次
{n,m}表示n到m次
\w能不能匹配汉字要看你的操作系统和你的应用环境而定

好了，今天的分享就到这里了！
愿你三冬暖，愿你春不寒；愿你天黑有灯，下雨有伞。

小晴天