JS数组、字符串常用命令总结

探索前端

已于 2022-11-26 12:09:55 修改

阅读量349

点赞数 2

分类专栏： javascript 前端文章标签： javascript 前端

于 2022-11-19 14:08:04 首次发布

本文链接：https://blog.csdn.net/m0_69250830/article/details/127936278

版权

前端同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

javascript

5 篇文章 1 订阅

订阅专栏

数组常用命令

1、length---获取数组长度

var arr = [1, 2, 3]
console.log(arr.length) //结果为3

数组的下标（索引）是从0开始的

2、push---在数组的末尾添加一个元素

var arr = [1, 2, 3]
arr.push(4)
console.log(arr) // [1,2,3,4]

返回值是新数组的长度

3、pop---在数组的末尾删除一个元素

var arr = [1, 2, 3]
arr.pop()
console.log(arr)  // [1,2]

4、unshift---在数组的前面添加一个元素

var arr = [1, 2, 3]
arr.unshift(4, 5)
console.log(arr)  // [4, 5, 1, 2, 3]

5、shift---在数组的前面删除一个元素

var arr = [1, 2, 3]
arr.shift()
console.log(arr)  // [ 2, 3]

6、splice---截取数组中的某些内容，按照数组的索引来截取

var arr = [1, 2, 3, 4, 5]
var arr1 = arr.splice(1, 2)  //(第一个参数为从第几位开始截取，第二个参数为截取几个)
console.log(arr)  // [1, 4, 5]
console.log(arr1)  // [ 2, 3]

返回值是截取的内容，会修改原数组

7、reverse---反转数组

var arr = [1, 2, 3, 4, 5]
arr.reverse()
console.log(arr) // [5, 4, 3, 2, 1]

8、sort---数组排序

从小到大排序

var arr = [2, 5, 4, 1, 7]
        arr.sort(function (a, b) {
            return a - b
        })
        console.log(arr) // [1, 2, 4, 5, 7]

从大到小排序

var arr = [2, 5, 4, 1, 7]
        arr.sort(function (a, b) {
            return b - a
        })
        console.log(arr) // [7, 5, 4, 2, 1]

9、concat---多个数组进行连接

var arr = [1, 2, 3]
var arr2 = [4, 5, 6]
var arr3 = arr.concat(arr2)
console.log(arr)  // [1, 2, 3]
console.log(arr3)  // [1, 2, 3, 4, 5, 6]

返回值是新的数组，不会改变原始数组

10、join---把数组里的每一项连接起来，变成一个字符串

var arr = ['我', '爱', '编', '程']
var arr2 = arr.join('+')
console.log(arr)  // ['我', '爱', '编', '程']
console.log(arr2)  // 我+爱+编+程

返回值是新的字符串，不会改变原数组。括号内可以传入连接符，不传时默认以逗号分隔

11、slice---数组区间截取

var arr = [1, 2, 3, 4, 5]
var arr2 = arr.slice(1, 3) //从下标1开始截取到下标为3（不包括3）
console.log(arr)  // [1, 2, 3, 4, 5]
console.log(arr2)  // [2, 3]

返回值时截取的内容，原始数组不会被修改

12、indexOf---查找数组元素，并返回对应下标。如果没有找到就返回-1

var arr = [1, 2, 3, 4, 5]
var index = arr.indexOf(3)
console.log(index)  // 2

字符串的常用方法

1、chaAt---找到字符串中指定下标的内容返回（如果没有就返回空字符串）

var str = 'hello word'
        var str2 = str.charAt(1)
        console.log(str)    // 'hello word'
        console.log(str2)   // e

返回值是对应下标的内容

2、indexOf---按照字符查找对应下标

var str = 'hello word'
        var str2 = str.indexOf('e')
        console.log(str)    // 'hello word'
        console.log(str2)   // 1

返回值是对应内容的下标

3、substring---截取字符串

var str = 'hello word'
        var str2 = str.substring(1, 4)
        console.log(str)    // 'hello word'
        console.log(str2)   // ell

substring(从哪个索引开始，到哪个索引截止)，包含开始索引，不包含结束索引

返回值是截取到的内容

4、substr---也是截取字符串的

var str = 'hello word'
        var str2 = str.substr(1, 4)
        console.log(str)    // 'hello word'
        console.log(str2)   // ello

substr(从哪个索引开始，截取多少个)

返回值是截取到的内容

与sunstring有区别的是第二个参数是取多少个而不是取到那个下标

5、toLowerCase---将字符串转换为小写

var str = 'HELLO WORD'
        var str2 = str.toLowerCase()
        console.log(str)    // 'HELLO WORD'
        console.log(str2)    // 'hello word'

6、toUpperCase---将字符串转换为大写

var str = 'hello word'
        var str2 = str.toUpperCase()
        console.log(str)    // 'hello word'
        console.log(str2)   // 'HELLO WORD'

7、split---将字符串转换为字符转数组

var str = 'h|e|l|lo w|ord'
        var str2 = str.split('|')
        console.log(str)    // h|e|l|lo w|ord
        console.log(str2)   // ['h', 'e', 'l', 'lo w', 'ord']

不传参数时会将每个元素拆开，并以逗号隔开

8、replace---替换指定字符串内容

var str = '今天星期五'
        var str2 = str.replace('今', '明')
        console.log(str)  //今天星期五
        console.log(str2)  //明天星期五

返回值是替换后的字符串

JSON字符串

1、JSON.parse---字符串转对象

var str = '{"id":1,"name":"jeams"}'
        var arr = JSON.parse(str)
        console.log(arr) //{id: 1, name: 'jeams'}

2、JSON.stringify---对象转字符串

var arr = { "id": 1, "name": "jeams" }
        var str = JSON.stringify(arr)
        console.log(arr) //{id: 1, name: 'jeams'}
        console.log(str) //'{"id":1,"name":"jeams"}'