JS常用数组,字符串内置对象

205 阅读2分钟

1.数组对象: 元素.concat(数组) 作用:把多个数组拼接成一个数组

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

2.数组对象:元素.reverse() 作用:翻转数组

//2. arr.reverse() : 翻转数组
        arr.reverse()
        console.log(arr)//[60, 50, 40, 30, 20, 10]

3.数组对象:元素.join('分隔符')作用:将数组元素每一个元素拼接成一个字符串

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

4.数组对象:元素.sort(function(a,b){return a-b})作用:数组排序

 //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)//[90, 80, 60, 55, 20, 10]

1.字符串对象:元素.indexOf('字符串')作用:获取'字符串'首字母下标,有返回首字母下标,没有返回-1

 //1. str.indexOf('字符串')  : 获取 ‘字符串’首字母 在str中的下标
        // 如果存在,则返回首字母下标。  如果不存在则返回固定值 -1
        let str = '武汉大前端程序员颜值担当ikun'
        //应用场景: 可以判断一个字符串  在不在str中
        console.log(str.indexOf('前端'))//3
        console.log(str.indexOf('黑前'))//-1

2.字符串对象:元素.split('分隔符')作用:用分隔符切割字符串,得到一个切割后的数组

//2. str.split('分隔符') : 以分隔符 分割str, 分割的每一个部分放入数组中
        //应用场景 : 解析url中的参数
        let url = 'http://www.baidu.com?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']

3.字符串对象:元素.substr(起始下标,截取下标)作用:截取字符串

5. str.substr(下标,长度) : 从'下标'开始截取'长度'的字符
        let str = '武汉大前端程序员颜值担当ikun'
        console.log(str.substr(2, 5))//大前端程序 从2下标开始截取5个字

4.字符串对象:元素.toLocaleUpperCase()作用:转换大写
5.字符串对象:元素.toLocaleLowerCase()作用:转换小写

大小写转换 : (中文没有大小写)

        console.log('adaAFSsdfsdSDFS'.toLocaleUpperCase())//ADAAFSSDFSDSDFS
        console.log('adaAFSsdfsdSDFS'.toLocaleLowerCase())//adaafssdfsdsdfs