Javascript字符串

Javascript字符串

1.字符串的定义与转义2.字符串遍历3.字符串裁切4.字符串拼接5.大小写转换6.去除空格7.模板字符串

1.字符串的定义与转义

字符串是Javascript中最常用的数据类型，用来显示文本信息。 字符串定义

var str = "hello"; //直接申明 console.log(str); var str2 = new String("你好"); //用String的构造函数来申明 console.log(str2);

转义字符 例如，想要输出双引号：

var str = "他说:\"我们出去玩\""; //使用斜杠\来进行转义 console.log(str);

也就是在你想要原样输出的字符前加\就可以进行转义。 \n：换行符 \t：Tab空格键 另外还有unicode编码：

console.log("\u1010"); console.log("\u4310");

2.字符串遍历

字符串的遍历和数组的遍历一样使用for循环，并且用到length和charAt()方法：

var str = "hello world"; for(let i = 0;i < str.length;i ++) { //方法一 console.log(str.charAt(i)); } for(let c of str) { //方法二 console.log(c); }

3.字符串裁切

slice()方法 slice(startIndex,endIndex)方法接收两个参数：起始索引和结束索引。其中起始索引能够取到，结束索引不能够取到(左闭右开)。最后一个字符的索引为-1。注意：起始索引不能大于结束索引。

var str = "hello world"; console.log(str.slice(0,6)); //输出hello,左闭右开区间 console.log(str.slice(6)); //输出hello console.log(str.slice(0,-1)); //输出hello worl console.log(str.slice(-6,-1)); //输出 worl console.log(str.slice(4,1)); //返回空字符串,因为起始索引大于结束索引

substring()方法 substring()的参数和slice(startIndex,endIndex)一样，也是起始索引和结束索引。不同之处是substring()不支持负数，如果出现负数会把负数变成0。并且，当起始索引大于结束索引时，substring()会将两个参数互换以得到正确的结果。

var str = "hello world"; console.log(str.substring(0,6)); //输出hello console.log(str.substring(6)); //输出world console.log(str.substring(0,-1)); //substring不支持负数，如果出现负数会将它变成0，这里输出空字符串 console.log(str.substring(-6,-1)); //这里输出空字符串 console.log(str.substring(4,1)); //输出ell

4.字符串拼接

字符串的拼接一般用的是+或者concat()。

var str1 = "hello"; var str2 = "world"; console.log(str1 + str2); //输出helloworld console.log(str1.concat(str2)); //输出helloworld console.log(str2.concat(str1)); //输出worldhello console.log(str1.concat(str2,str3)); //输出helloworld!!! //concat()还支持多个字符串的拼接

5.大小写转换

转大写：toUpperCase() 转小写：toLowerCase()

var str1 = "heLLo"; console.log(str1.toUpperCase()); //输出HELLO console.log(str1.toLowerCase()); //输出hello

6.去除空格

可以用trim()方法去掉字符串首尾的空格，但是中间的空格无法去除。

var str1 = " heLLo world "; console.log(str1.trim()); //输出heLLo world

7.模板字符串

模板字符串可以把我们输入的字符串原样地打印出来，并且支持使用变量来替换模板中地占位符。

var longStr = `one lorem ipsum dolor sit amet consectetur, two lorem ipsum dolor sit amet consectetur, three lorem ipsum dolor sit amet consectetur, four lorem ipsum dolor sit amet consectetur` console.log(longStr); var name = "小明"; var str = `你好,${name}` console.log(str); function greeting(strings,gender) { console.log(strings); console.log(gender); let genderStr = ""; if(gender === "M") { genderStr = "先生"; } else if(gender === "F") { genderStr = "女士"; } return `${strings[0]}${genderStr}` } var gender = "M"; var result = greeting`你好,小明${gender}`; //传入函数时会将模板字符串的前后分割作为数组strings传入函数 console.log(result);