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 (文档查询)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值