js中字符串常用的方法

最新推荐文章于 2021-05-08 16:11:06 发布

怒放的生命1991

最新推荐文章于 2021-05-08 16:11:06 发布

阅读量523

点赞数

分类专栏：前端总结知识点前端文章标签：前端 js字符串数据类型

本文链接：https://blog.csdn.net/qq_34507902/article/details/108045815

版权

前端同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

前端总结知识点

16 篇文章 0 订阅

订阅专栏

字符串截取：

1.slice(start,end)//参数可以负数同为正start>end 不交换位置得到空串

2.substr(start,length)//第一个参数可以负数

3.substring(start,end) //end<start 交换位置两个参数负数转换为0处理

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
 
</body>
</html>
<script type="text/javascript">
	let str="yangdongxu";
	let a=str.substr(1,3);//substr(start,length)  ang
	//substr(start,end)//第一个参数开始位置，可以是负数，第二个参数是长度length 
    let b=str.substring(1,3);//an
    let b_1=str.substring(3,-1);//yan
   /* substring(start,end)第一个参数开始位置，第二个是结束位置不包括end  
      start>end那么该方法在提取子串之前会先交换这两个参数。负数转换为0 str.substring(3,-1)===str.substring(3,0)===str.substring(0,3)*/
    let c=str.slice(1,3); //an
    let c_1=str.slice(3,1); //空串
    /*slice(start,end)//第一个参数开始位置，第二个是结束位置不包括end 
    */
    console.log(a);//ang
    console.log("b_1:"+b_1);//an
    console.log(b);//an
    console.log(c);//an
    console.log(c_1);//空串
</script>

4.字符串标题替换关键字：

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
   
</body>
</html>
<script type="text/javascript">
  const word=["php","css"];
  const string="我喜欢学习php,和css";
  let replceStr=word.reduce((pre,current)=>{
    return pre.replace(current,`<a href="?w=${current}">${current}</a>`)
  },string)
  console.log(replceStr);//我喜欢学习<a href="?w=php">php</a>,和<a href="?w=css">css</a>
  document.body.innerHTML=replceStr;
</script>