js字符串方法(未完待续)

indexOf()在字符串中查找需要元素的索引,找不到返回-1

var ary ="张三","李四","王五","赵六","七七";
console.log(indexOf("李四"));//结果1
//从前向后,只返回第一个满足条件的索引号
//如果找不到返回-1
//*****第二个值默认不用给,给了是起始的位置

lastIndexOf()在字符串中查找需要元素的索引,从后面开始查找

var ary ="张三","李四","王五","赵六","王五";
console.log(lastIndexOf("王五"));//结果4
//从后向前找,只返回第一个满足条件的索引号
//如果找不到返回-1
//*****第二个值默认不用给,给了是起始的位置

charAt()根据位置返回字符

var str ="look";
console.log(str.charAt(3));//结果:k
//下面方法返回相应索引号的字符ASCII值,判断用户按下键盘哪个键  鼠标键盘编码
var str2 ="book";
console.log(str2.charCodeAt(3));//结果:107

//h5新增相同方法  通过[]下标查找字符
var str3 = "nick";
console.log(str3[1]);//结果:i
//

slice() 方法

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。
该方法设置两个参数:起始索引(开始位置),终止索引(结束位置不截取)。
如果省略第二个参数,则该 slice() 将裁剪字符串的剩余部分。

实例
这个例子裁剪字符串中位置 6 到位置 12 的片段:

var str = "Apple,Banana,Mango";
var res = str.slice(6,12);
//res 的结果是:Banana   结束位置不截取
//如果某个参数为负,则从字符串的结尾开始计数。
//这个例子裁剪字符串中位置 -13 到位置 -7 的片段:
//实例  结束位置不截取
var str = "Apple,Banana,Mango";
var res = str.slice(-12,-6);
//res 的结果是:Banana

substring() 方法

substring() 类似于 slice()。
不同之处在于 substring() 无法接受负的索引。
实例

var str = "Apple,Banana,Mango";
var res = str.substring(6,12);
//res 的结果是:Banana

如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。

substr() 方法

substr() 类似于 slice()。
不同之处在于第二个参数规定被提取部分的长度。
实例

var str = "Apple, Banana, Mango";
var res = str.substr(7,6);
//res 的结果是:Banana

如果省略第二个参数,则该 substring() 将裁剪字符串的剩余部分。

replace() (替换字符串内容)方法用另一个值替换在字符串中指定的值:

str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3School");

replace() 方法不会改变调用它的字符串。它返回的是新字符串。

默认地,replace() 只替换首个匹配:
实例

str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3School");

默认地,replace() 对大小写敏感。因此不对匹配 MICROSOFT:
实例

str = "Please visit Microsoft!";
var n = str.replace("MICROSOFT", "W3School");

如需执行大小写不敏感的替换,请使用正则表达式 /i(大小写不敏感):
实例

str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3School");

请注意正则表达式不带引号。
如需替换所有匹配,请使用正则表达式的 g 标志(用于全局搜索):
实例

str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3School");

split() 将字符串转换为数组:

实例

var txt = "a,b,c,d,e";   // 字符串
txt.split(",");          // 用逗号分隔
txt.split(" ");          // 用空格分隔
txt.split("|");          // 用竖线分隔

如果省略分隔符,被返回的数组将包含 index [0] 中的整个字符串。(返回的数组都在0下标里)
如果分隔符是 “”,被返回的数组将是间隔单个字符的数组(字符串里的逗号也在下标里)

ES6新增字符串的方法

includes()表示是否找到了参数字符串,返回布尔值

实例

let str = `张三李四王五`;
        console.log(str.includes(`三`));//true
        console.log(str.includes());//不传参数为false
        console.log(str.includes(``));//传空模板字符串为true

startsWith()表示参数字符串是否在原字符串的头部,返回布尔值

实例

let str = `张三李四王五`;
        console.log(str.startsWith(`张`));//true
        console.log(str.startsWith());//不传参数为false
        console.log(str.startsWith(``));//传空模板字符串为true

endsWith()表示参数字符串是否在原字符串的尾部,返回布尔值

实例

let str = `张三李四王五`;
        console.log(str.endsWith(`王五`));//true
        console.log(str.endsWith());//不传参数为false
        console.log(str.endsWith(``));//传空模板字符串为true

repeat()返回一个新的字符串,表示将原字符重复n次

实例

let str = `张三李四王五`;
        console.log(str.repeat(2));//张三李四王五张三李四王五
        console.log(str.repeat(0));//传值0或者不传值返回空字符串

padStart()用于头部补全,一共接受两个参数,第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串

实例

let str = `张三李四王五`;
        console.log(str.padStart(10,`a`));//aaaa张三李四王五
        console.log(str.padStart());//传值0或者不传值返回这个字符串

padEnd()用于尾部补全,一共接受两个参数,第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串

实例

let str = `张三李四王五`;
        console.log(str.padEnd(10,`a`));//张三李四王五aaaa
        console.log(str.padEnd());//传值0或者不传值返回这个字符串

trimStart()消除字符串头部的空格

实例

let str = `        张三李四王五`;
        console.log(str.trimStart());//张三李四王五

trimEnd()消除字符串尾部的空格

实例

let str = `张三李四王五           `;
        console.log(str.trimEnd());//张三李四王五
发布了22 篇原创文章 · 获赞 26 · 访问量 629

猜你喜欢

转载自blog.csdn.net/HwH66998/article/details/103460248
今日推荐