JavaScript (常用 数组对象api && 字符串对象api)

常用 数组对象api 与 字符串对象api

本文主要为大家介绍几个常见的 JavaScript 内置 数组对象api 与 字符串对象api

• 内置对象api： js作者提前写好的对象，里面有一些预先定义的方法，我们直接使用即可，无需关心原理 api : 预先定义的函数

1.-常用数组对象 api

• .concat(数组) ，.reverse() ，.join('分隔符')，.sort( function(a,b) {return a-b})

<script>
     let arr = [10, 20, 30, 40, 50]

    //(1) arr.concat(数组)  ： 把两个数组连接成一个数组 
    // 应用场景 ： 一般用于长列表(下一页),不断往后面拼接数据
   let newarr= arr.concat([60,70,80,90])
    console.log(newarr)
    //得到打印结果：  [10,20,30,40,50,60,70,80,90]

    //(2) arr.reverse()   : 翻转数组
    // 应用场景 ： 价格从低到高 切换成 从高到底, 只需要翻转数组即可
    arr.reverse()
    console.log(arr)
    //得到打印结果 ： [50,40,30,20,10]

    //(3) arr.join('分隔符')  ：把数组每个元素拼接成字符串
    // 应用场景 ： 有些歌曲时多人合唱， 服务器会给我们一个数组， 这时我们就需要把这个数组 用 jion 
    拼接起来 然后在页面 显示
    let arr1=[10,11,12,3,14]
     let str=arr1.join('')
     // str=arr1.join('')('$')('|')
     console.log(str)

     // (4)arr.sort( function(a,b) {return a-b})  : 排序
     let arr2=[11,33,55,22,66]
       arr2.sort(function(a,b){
           //return a-b//从小到大
           return b-a //从大到小
        })
        console.log(arr2)
</script>

2.-字符串对象 api

• .indexOf('字符串')，.split('分隔符') .substr(起始下标,截取长度) '字符串'.toLocaleLowerCase() '字符串'.toLocaleUpperCase()

 <script>
        let str='你是我遥不可及的梦'


        //(1)  字符串类似与数组 ，也有长度和下标
         console.log(str.length)
         console.log(str[1])

         //(2)   str.indexOf('字符串')  获取 '字符串'在 str 中的首字母下标
         // 如果字符串存在则返回首字母下标, 如果字符串不存在 则返回固定值 -1
         // 应用场景： 一般用户判断 str中是否有某个字符串  如果有则返回-1 不是-1则是有
           let index1 =  str.indexOf('遥不可及')
           console.log(index1)  //7
           let index2 =  str.indexOf('遥可及')
           console.log(index2) // -1
            

        //(3) str.split('分隔符')， 用分隔符切割字符串， 得到切割之后的数组
        // 应用场景： 一般用于解析网址
         let url='http://wwww.baidu.com?name=张三&age=20'
              console.log(url.split('?'))
               // ['http://wwww.baidu.com', 'name=张三&age=20']
              console.log(url.split('&'))
              //['http://wwww.baidu.com?name=张三', 'age=20']
              console.log(url.split('='))
              //['http://wwww.baidu.com?name', '张三&age', '20']
             

              //(4) str.substr(起始下标,截取长度)    截取字符串
              // 应用场景： 一般拿到返回的数据 不会和前端完全匹配。 有时候需要自己截取一部分
              // 例如： 商品的价格 后台会返回 价格58元  但是前端只需要58元 就需要截取 
                console.log(str.substr(3, 6)) 
                //得到打印 结果：遥不可及的梦
                

              //(5)  大小写切换 (中文没有大小写)
              // 应用场景： 字母验证码不区分大小写 (无论你输入什么，都会转换成大写或者小写保证
                 格式一致)
                         // '字符串'.toLocaleLowerCase()     小写
                    console.log('duahuhUHUSDNINnninin'.toLocaleLowerCase()) 
                    //打印结果：aaabbbcccddd
                    
                    // '字符串'.toLocaleUpperCase()      大写
                    console.log('duahuhUHUSDNINnninin'.toLocaleUpperCase())
                    //打印结果：AAABBBCCCDDD

     </script>

学习内置对象： 不需要死记硬背，忘记了随时查阅文档。 用多了自然就记住了，熟能生巧

• 学习传送门：https://www.runoob.com/jsref/jsref-obj-array.html （文档查询）