内置对象Array对象 string对象

320 阅读1分钟

内置对象

Array对象

let arr = [10,20,30] // new Array(10,20,30)

arr = arr.concat([40,50,60]) //[10,20,30,40,50,60]

    //1. arr.concat(数组) : 连接数组, 返回值是连接后的数组
    //应用: 上拉加载下一页,需要将下一页的数组连接到后面
    arr = arr.concat( [40,50,60 ] )//[10, 20, 30, 40, 50, 60]
    console.log(arr)
    

image.png

    //2. arr.join('分隔符') :  把数组中的每一个元素连接成字符串
    //应用: 把数组元素拼接成字符串在页面显示。  例如 歌手 ['周杰伦','温岚'] ->周杰伦&温岚 
    let str =  arr.join('|')//10|20|30|40|50|60
    console.log(str)
    

image.png

    //3. arr.reverse() : 翻转数组
    arr.reverse()
    console.log(arr)
    

image.png

    //4. arr.sort() : 数组排序

    let numArr = [20,55,60,80,10,90]

    numArr.sort( function(a,b){
        // return a-b//从小到大
        return b-a//从小到大
    } )

    console.log( numArr )
    

image.png

string对象

let str = '前端颜值担当冠希哥'

   //1.str.length :长度
   console.log( str.length  )
   

image.png

   //2.str[下标] : 获取某个字符
   console.log( str[5] )//担
   
   

image.png

   //3.str.indexOf('字符串') :获取'字符串'首字母 在str中的下标
   //如果存在, 则返回首字母下标. 如果不存在则返回固定值 -1
   //应用场景: 可以判断一个字符串  在不在str中
   console.log( str.indexOf('冠希哥') )//6
   console.log( str.indexOf('黑哥') )//-1
   

image.png

   //4.str.split('分隔符') : 以分隔符 分割str, 分割的每一个部分放入数组中
   //应用场景 :解析url中的参数
   let url = 'http://www.baidu?name=张三&age=20'
   
   console.log( url.split('+') ) //['http://www.baidu.com', 'name=张三&age=20']
   console.log( url.split('=') )//['http://www.baidu.com?name', '张三&age', '20']
   

image.png //5. str.substr(下标,长度) : 从'下标'开始截取'长度'的字符 console.log( str.substr(2,5) )//程序员武汉 从2下标开始截取5个字

    //6.大小写转换 : (中文没有大小写)
    console.log( 'adaAFSsdfsdSDFS'.toLocaleUpperCase() )//ADAAFSSDFSDSDFS
    console.log( 'adaAFSsdfsdSDFS'.toLocaleLowerCase() )//adaafssdfsdsdfs