字符串和数组的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

    // 数组api
let y=[1,10,5,15,20]
// 1. 从尾部添加删除元素 push pop
// 尾部添加3，4
console.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.数组->字符串 join
console.log(y.join())
// 7.取子串 slice
let 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)

相关推荐