js — 字符串

目录

字符串

typeof 用于校验当前变量的数据类型

var b = 'asd'
console.log(typeof b); 

1. 拼接字符串

在javascript中拼接字符串使用加号(+)操作符，之前我们是拿+来做数字加法运算，但是在这种情况下，它做了一下不同的事情。

<script>
    var name = 'wusir', age = 28;
    //es6以下版本的字符串拼接
    var str = name + '今年是' + age + '岁了，快要结婚了，娶了个黑姑娘';
    console.log(str);
    //es6的模板字符串： ``反引号
    var str2 = `${name}今年是${age}岁了，快要结婚了，娶了个黑姑娘`;
    console.log(str2);
</script>

2. 获取字符的方法

访问字符串中特定字符的方法：

• charat() 以单字符字符串的形式返回给定位置的那个字符 (ecmascript 中没有字符类型)。
• charcodeat() 以单字符字符串的形式返回给定位置的那个字符的ascii编码

这两个方法都接收一个 参数，即基于 0 的字符位置。

3. 字符串操作方法(切片)

1.concat() 用于将一或多个字符串拼接起来， 返回拼接得到的新字符串。

2.基于子字符串创建新字符串的方法: slice()、substr() 和 substring()

这三个方法都会返回被操作字符串的一个子字符串，而且也都接受一或两个参数。第一个参数指定字符串的开始位置，第二个参数(在指定的情况下)表示字符串到哪里结束。

• slice() 和 substring() 的第二个参数指定的是字符串最后一个字符后面的位置。
• substr() 的第二个参数指定的则是返回的字符个数。如果没有给这些方法传递第二个参数，则将字符串的长度作为结束位置。

var stringvalue = "hello world";
alert(stringvalue.slice(3));//"lo world"
alert(stringvalue.substring(3));//"lo world"
alert(stringvalue.substr(3));//"lo world"
alert(stringvalue.slice(3, 7));//"lo w"
alert(stringvalue.substring(3,7));//"lo w"
alert(stringvalue.substr(3, 7));//"lo worl"

alert(stringvalue.slice(-3));//"rld" 
alert(stringvalue.substring(-3));//"hello world"
alert(stringvalue.substr(-3)); //"rld"
alert(stringvalue.slice(3, -4));//"lo w" 
alert(stringvalue.substring(3, -4));//"hel"
alert(stringvalue.substr(3, -4)); //""(空字符串)

4. 字符串位置方法 — 索引

从字符串中查找子字符串的方法: indexof() 和 lastindexof()

indexof() 和 lastindexof() 都是从 一个字符串中搜索给定的子字符串，然后返回子字符串的位置(如果没有找到该子字符串，则返回-1)。

indexof() 和 lastindexof() 的区别:

• indexof() 方法从字符串的开头向后搜索子字符串
• lastindexof() 方法 是从字符串的末尾向前搜索子字符串

var stringvalue = "hello world";
alert(stringvalue.indexof("o"));             //4
alert(stringvalue.lastindexof("o"));         //7
alert(stringvalue.indexof("o", 6));         //7
alert(stringvalue.lastindexof("o", 6));     //4

5. trim()方法

trim()方法 — 删除字符串的前后空格

var stringvalue = "   hello world   ";
var trimmedstringvalue = stringvalue.trim();
alert(stringvalue);            //"   hello world   "
alert(trimmedstringvalue);     //"hello world"

6. 字符串大小写转换方法

ecmascript 中涉及字符串大小写转换的方法：touppercase() 、tolowercase()

var stringvalue = "hello world"
//转大写
alert(stringvalue.touppercase()); //"hello world"
//转小写
alert(stringvalue.tolowercase()); //"hello world"