js常用的处理数组和字符串的方法

最新推荐文章于 2023-07-04 17:00:00 发布

原创最新推荐文章于 2023-07-04 17:00:00 发布 · 508 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言

本文详细介绍了JavaScript中数组的各种操作方法，包括合并、添加、删除、排序、反转、截取、更新等，并通过实例展示了每种方法的使用。此外，还讲解了字符串的长度获取、字符定位、拼接、分割、截取和大小写转换等常见操作，以及如何将字符串转换为数字。这些内容对于理解和操作JavaScript中的数组和字符串至关重要。

1.数组方法

(1) 合并数组：concat

(2) 指定字符数组转字符串：join join() 括号中写拼接符号

(3) 添加元素操作：push()尾部和unshift()头部

(4) shift() & pop() 删除元素操作

/*/ shift删除数组首位元素，pop删除数组末尾元素

(5) sort() 数组排序，改变原数组

 var arr = [19,23,39,10]
    var newArr = arr.sort((a,b)=>{
        // a-b从小到大,b-a从大到小
      return a-b
    })
    console.log(newArr);

(6) reverse() 反转数组，改变原数组

(7) slice() 截取数组，不改变原数组

 var arr = [
        {name:"张三",age:19},
        {name:"小四",age:19},
        {name:"王五",age:20},
        {name:"赵六",age:19}
    ]
    //第一个参数为下标，第二个参数也是下标，如果下标是负数，就会从尾部开始读取
     var result = arr.slice(1,2)
    console.log(result);

(8) splice() 更新数组，改变原数组

 var arr = [19,23,39,10]
 //一参为下标，二参为长度，第三个参数为要替换的内容，一般只用来删除，不用来替换
 arr.splice(1,1,"李四")
 console.log(arr)

(9) indexOf() & lastIndexOf() 索引方法，不改变原数组

(10) find() & findIndex() 根据函数内的判断返回找到的数组内的第一个元素。不改变原数组。（es6新增方法）

 var arr = [19,23,39,10]
// 只要找到一个值就返回当前值，后面满足条件的不返回
    var num = arr.find((item)=>{
        return item>20
    })
    console.log(num);
 var num2 = arr.findIndex((item)=>{
        // 查找满足条件的内容，存在返回当前下标，不存在返回-1
        // return item==25
        return item==23
    })
    console.log(num2);

(11) forEach()、map()、filter()、some()、every() 迭代方法，不改变原数组。

  var arr = [
        {name:"张三",age:19},
        {name:"小四",age:19},
        {name:"王五",age:20},
        {name:"赵六",age:19}
    ]
    // item代表数组的每一项,index代表下标,arr代表数组本身
    // 一般后面两个参数用不到
    arr.forEach((item,index,arr)=>{
        console.log(item);
        console.log(index);
        console.log(arr);
    })

 var arr2 = [12,45,24,10]
 // map方法用于对数组当中每一项进行相同的逻辑处理
   var newArr =  arr2.map((item)=> item%10)
   console.log(newArr);

var arr = [19,23,39,10]
 // 筛选满足条件的内容，返回一个新的数组
     var newArr = arr.filter(item=>{
        return item>20
     }) 
     console.log(newArr);

2.字符串

(1) 获取字符串长度：length

(2) 获取字符串指定位置的值：charAt() 方法获取到的是指定位置的字符

(3) 查询是否包含某字符：indexOf、lastIndexOf、includes、search。

  var str = "abchpl"
    //  查找字符串中是否有该字符，有就返回true,没有就返回false
       console.log(str.includes("a"));

(4) 字符串拼接：出了使用+号，应该使用concat

(5) 字符串分割成数组：split

(6) 截取字符串：substr()、substring()和 slice()

(7) 字符串大小写转换：toLowerCase转小写、toUpperCase转大写

  var str = "abchpl"
    //  将字母转为大写
    //   str =  str.toUpperCase()
       //  将字母转为小写
      str = str.toLowerCase()
     console.log(str);

(8) 字符串转数字：parseInt转整数、parseFloat转小数