js字符串常用方法合集(方便查阅)

122 阅读1分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第六天,点击查看活动详情. 本文集合了js字符串的常用方法 码住够用

字符串所有的方法,都不会改变字符串本身(字符串是不可变的),操作完成后会返回一个新的字符串

根据字符返回位置

indexOf(从前往后查) 和 lastindexOf(从后往前查)

image.png

image.png

根据位置返回字符

charAt和charCodeAt和str

熟练掌握 charAt即可,也就是根据index返回字符,别的没啥,下面写了一堆,随意一看即可.

image.png

image.png

image.png

字符串的的拼接.截取

concat和substr和slice和substring

image.png

区分slice和substring

二者的区别主要在参数为负数时的不同

slice补充

参数介绍:

image.png

image.png

image.png

substring补充

image.png

var anyString = "Mozilla";

// 输出 "Moz"
console.log(anyString.substring(0,3));
console.log(anyString.substring(3,0));
console.log(anyString.substring(3,-3));
console.log(anyString.substring(3,NaN));
console.log(anyString.substring(-2,3));
console.log(anyString.substring(NaN,3));

// 输出 "lla"
console.log(anyString.substring(4,7));
console.log(anyString.substring(7,4));

// 输出 ""
console.log(anyString.substring(4,4));

// 输出 "Mozill"
console.log(anyString.substring(0,6));

// 输出 "Mozilla"
console.log(anyString.substring(0,7));
console.log(anyString.substring(0,10));

// str.concat('字符串1','字符串2'...)
var str = 'andy';
console.log(str.concat('red'));  //andyred

//substr('起始位置','截取几个字符');  如果不写第二个参数,则截取到最后一个
var str1 = '改革春风吹满地';
console.log(str1.substr(2,2));  //春风


=============================================================================


//substring(start,end)  不包含end  如果不写第二个参数,则截取到最后一个
var str = 'hello world';
str.substring(4)       //o wrold
str.substring(2,4)    //ll

//slice(start,end)  不包含end  如果不写第二个参数,则截取到最后一个
var str = 'hello world';
str.slice(2,4)   //ll
str.slice(-1);  //d  -1表示倒数第一个

字符串的其他方法

replace

image.png

split(与join的作用相反)

image.png

image.png

trim

image.png

startsWith 和endWith

image.png

repeat

image.png

includes

image.png