js中字符串的常用方法(包含es6扩展)

一、字符方法
charAt方法和charCodeAt方法
相同点:charAt方法和charCodeAt方法都接收一个参数,基于0的字符位置
不同点:charAt方法是以单字符字符串的形式返回给定位置的那个字符
charCodeAt方法获取到的不是字符而是字符编码
还可以使用方括号加数字索引来访问字符串中特定的字符
例如:

var str = 'hello world';
console.log(str.charAt(1));// e
console.log(str.charCodeAt(1));// 101
console.log(str[1]);// e

二、字符串方法
1、concat()
作用:连接多个字符串,并返回一个新的字符串,不对源字符串做操作
例如:

var str = 'hello ';
var str1 = str.concat('world');
var str2 = str.concat('zhangsan', '!');
console.log(str1);// hello world
console.log(str2);// hello zhangsan!
console.log(str);// hello

 

2、slice方法、substring方法、substr方法
slice方法:
第一个参数指定子字符串开始位置,第二个参数表示子字符串最后一个字符后面的位置,
如果只有一个参数n,返回的是从n-1位置开始到字符串结尾的字符串
如果两个参数都是整数,同为正或同为负,第二个参数必须必第一个参数大,否则返回的是空字符串
如果第一个参数是负数,第二个参数是非负正数的时候,均返回空字符串
如果第一个参数是0,第二个参数是正数n,返回的是从0位置开始到n-1位置结束的字符串
如果第一个参数是0正数n,第二个参数是负数m,返回的是从0或n开始到从右边数第m-1位置结束的字符串
如果两个参数均为负数m、n,m<n的时候,返回的是从右边第|n|+1位置开始到第|m|位置结束的字符串

var str = 'hello world';
console.log(str.slice(3));// lo world
console.log(str.slice(-1, -3));// 空字符串
console.log(str.slice(3, 1));// 空字符串
console.log(str.slice(-1, 0));// 空字符串
console.log(str.slice(-1, 2));// 空字符串
console.log(str.slice(0, 2));// he
console.log(str.slice(0, -1));// hello worl
console.log(str.slice(1, -3));// ello wo
console.log(str.slice(-3, -1));// rl
console.log(str);// hello world

substring方法:第一个参数指定子字符串开始位置,第二个参数表示子字符串最后一个字符后面的位置,如果存在第二个参数,第二个参数为负数时,返回空字符串
substr方法:第一个参数指定子字符串开始位置,第二个参数表示返回的字符个数
这三个方法都会返回被操作字符串的一个子字符串,都接收一或两个参数
如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置。这些方法也不会修改字符串本身,只是返回一个基本类型的字符串值
例如:

var str = 'hello world';
console.log(str.substring(0, 2));// he
console.log(str.substring(0, -2));// 空字符串
console.log(str.substring(3, 1));// el
console.log(str.substring(3));// lo world

 

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注