字符串和数组的api实例演示
发布于:2022-05-26 14:58:48
次阅读
1.字符串api
// 字符串api let x='字符串api' // 1.索引-元素 charAt // 找索引1的元素 console.log(x.charAt(1)) // 2.元素-索引 search // 找串的索引 console.log(x.search('串')) // 3.字符串拼接 concat // 拼接字符串的api和数组的api console.log(x.concat('和数组的api')) // 4.取子串 slice // 取出索引0到2的元素,最后一位不要 console.log(x.slice(0,3)) // 5.字符串-数组 split console.log(x.split('')) // 6.字符串大小写转换 toLowerCase toUpperCase // 小写 console.log(x.toLowerCase()) // 大写 console.log(x.toUpperCase()) // 7.将字符串变成链接 link console.log(x.link('https://baidu.com')) document.body.insertAdjacentHTML('afterBegin',x.link('https://baidu.com'))
2.数组api
// 数组apilet y=[1,10,5,15,20]// 1. 从尾部添加删除元素 push pop// 尾部添加3,4console.log(y.push(3,4))// 依次删除3,4// console.log(y.pop())// console.log(y.pop())console.log(y)// 2.foreach map遍历数组// y.foreach(function(元素的值,值对应的索引,数组本身){ // 对数组中的每个元素逐个调用回调方式进行处理 // }) let s=y.forEach((cur,index,arr) => console.log(cur,index,arr)) console.log(s) // 没有返回值 需要返回值用map s=y.map((cur,index,arr)=> [cur,index,arr]) console.log(s) // 3.every: 数组成员全部满足条件,则返回 true , 否则 false // some: 数组成员有一个满足条件,则返回 true , 否则 false console.log(y.every(cur=>cur>0)) console.log(y.some(cur=>cur>10)) // 4.filter,只返回为真的元素组成的数组 // findIndex 返回第一个为真的元素索引 console.log(y.filter(cur=>cur>5)) console.log(y.findIndex(cur=>cur>10)) // 5. reduce 归并// arr.reduce(function(累加器,元素的值,值对于索引,数组本身){})// 数组求和s=y.reduce((acc,cur,index,arr)=>acc+cur)console.log(s)// 6.数组->字符串 joinconsole.log(y.join())// 7.取子串 slicelet z=[2,3,4,5,6,7]console.log(z.slice(1,3))console.log(z.slice(-4,-1))// 8. splice: 删除,新增,替换// console.log(z.splice(1,3))// console.log(z)// 替换// console.log(z.splice(0,6,'10','9','8','7','6','5'))// console.log(z)// 更新console.log(z.splice(2,0,'red','blue'))console.log(z)