前端字符串操作

字符串操作

方法	特点
split() 分割	分割成数组
join() 连接	连接成一个字符串
includes()找回某个字符串	返回 true 或 false
indexOf（）	返回存在的索引.不存在返回-1
replace()	替换字符串中的指定部分
trim()	去掉字符串首尾的空白字符。
slice()
toString()
substring()	提取字符串的子字符串
valueOf()
concat()
toLowerCase(), toUpperCase()	转换字符串的大小写

split() : 'aaa' =>[a,a,a]

场景一：转化日期格式

// 日期字符串
const dateStr = "2024-09-05";

// 使用 split() 方法分割日期
const [year, month, day] = dateStr.split("-");

console.log(`Year: ${year}, Month: ${month}, Day: ${day}`);
// Output: Year: 2024, Month: 09, Day: 05

join(): [b,b,b] =>'bbb'

场景一：后端要求把列表的每个id以逗号的形式传给后端一个字符串

let arr = [{name: 'cy', id: 1}, {name: 'cy', id: 2}, {name: 'cy', id: 3}];
let str = arr.map(v=>v.id).join(',')
console.log(str)
VM307:3 1,2,3

includes() :'a a'中是否有‘a’，存在返回true,不存在返回false

场景一：找大字符串中的小字符串

 let str= "I Love shangHai";
 let str1 = "shangHai";
 console.log(666,str.includes(str1)) // 666 true

indexOf(): 返在父中，子的位置 (从0开始,包括空格）

场景一：父字符串有没有子字符串

let aaa = "https://shanghai.com"
console.log(aaa.indexOf("shanghai")) // 8
if(aaa.indexOf("shanghai") > -1){
   console.log("aaa地址里面有shanghai")
}

replace()  str.replace(a,b) 把str中的a换成b

场景一：把2022年12月12日换成 2022-12-12

let str= '2022年12月12日';
let strChange = str.replace('年','-').replace('月','-').replace('日','');
console.log(strChange) //vconsole.min.js:10 2022-12-12

场景二：把2022-12-12替换成2022/12/12

let str= '2022-12-12';
let strChange = str.replace(/-/g, "/")
console.log(strChange) //2022/12/12

场景三：把字符串的某个字符串去掉

 let str= '假如生活欺骗了你';
 let strChange = str.replace('假如', "")
 console.log(strChange)  //生活欺骗了你

数据格式转换

方法	用途
JSON.stringify()	将 JavaScript 对象转换为 JSON 字符串
JSON.parse()	将 JSON 字符串转换为 JavaScript 对象。