字符串常用的方法


字符串

数组常用的方法


改变原数组的方法

1、push()末尾添加数组

  • 语法:数组名:push(数组)
  • 作用:往数组末尾添加数据
  • 返回值:这个数组的长度
    1
    2
    3
    4
    5
    // push
    var arr = [10,20,30,40];
    var res = arr.push(20);
    console.log(arr); // [10, 20, 30, 40, 20]
    console.log(res); // 5

2、pop()末尾出删除数据

  • 语法:数组名.pop()
  • 作用:从数组的末尾删了一个数据
  • 返回值: 删除的数据
    1
    2
    3
    4
    5
    //pop
    var arr = [10, 20, 30, 40];
    var res = arr.pop()
    console.log(arr); // [10,20,30]
    console.log(res); // 40

3、unshift()头部添加数据

  • 语法:数组名.unshift(数据)
  • 作用:就是在数组的头部添加数据
  • 返回值:就是数组的长度
    1
    2
    3
    4
    5
    // unshift
    var arr = [10,20,30,40];
    var res = arr.unshift(99);
    console.log(arr);// [99,10,20,30,40]
    console.log(res);// 5

4、shift()头部删除数据

  • 语法:数组名.shift()
  • 作用:头部删了一个数据
  • 返回值:删除数据第一个数据
    1
    2
    3
    4
    5
    //shift
    var arr = [10,20,30,40];
    var res = arr.shift();
    console.log(arr);// [20,30,40];
    console.log(res);// 10

5、reverse()翻转数组

  • 语法:数组名.reverse();
  • 作用:翻转数组
  • 返回值: 返回翻转好的数组
    1
    2
    3
    4
    5
    //reverse
    var arr = [10,20,30,40]
    var res = arr.reverse();
    console.log(arr);//[40,30,20,10]
    console.log(res);//[40,30,20,10]

6、sort()排序

  • 语法1:数组名.sort();//按照位排序
  • 语法2:数组名.sort(function(a,b{return a-b})// 会正序排序
  • 语法3:数组名.sort(function(a,b){return b-a})// 会倒序排序
    1
    2
    3
    4
    5
    6
    7
    8
    //sort()
    var arr = [2,63,48,5,4,11]
    arr.sort();
    console.log(arr); //[ 11, 2, 4, 48, 5, 63]
    arr.sort(function(a,b){return(a-b)});
    console.log(arr); // [2,3,4,11,48,63]
    arr.sort(function(a,b){return(b-a)})
    console.log(arr); // [63,48,11,4,3,2]

7、splice()截取数组

  • 语法1:数组.splice(开始索引,多少个)
  • 作用:用来截取数组的
  • 返回值:返回一个截取的新数组
  • 语法2:数组.splice(开始索引,多少个,要插入的数据)
  • 作用:删除指定的数据,插入数据
  • 注意:用开始索引开始
  • 返回值:是一个新的数据
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    //splice() 语法一
    var arr = [2,63,48,5,4,75]
    var res = arr.splice(1,2);
    console.log(arr); //[2,5,4,75]
    console.log(res); //[63,48]
    //*******************
    //splice() 语法二
    var arr = [2,63,48,5,4,75];
    var res = arr.splice(1,1,99,88);
    console.log(arr); // [2,99,88,48,5,4,75]
    console.log(res); // [63]

不改变原数组的方法

1.concat() 合并数组

  • 语法:数组名.concat(数据)
  • 作用:合并数组
  • 返回值:一个新的数组
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    //concat 示例1
    var arr = [10,20,10,30,50]
    var res = arr.concat(20,"小敏",50);
    console.log(arr);
    console.log(res);
    //示例2
    var a = ["google","taobao"];
    var b = ["jingdong","xiaomi"];
    var c = a.concat(b);
    console.log(c);//["google","taobao","jingdong","xiaomi"]

2.join() 数组转字符串

  • 语法:数组名.join(连接符)
  • 作用:就是把一个数组转成字符串
  • 返回值:字符串
    1
    2
    3
    4
    var arr = [10,20,30,40,50]
    var res = arr.join("+");
    console.log(arr); //[10, 20, 30, 40, 50]
    console.log(res);//10+20+30+40+50

3.slice()截取数据的一部分数据

  • 语法:数组名.slice(开始索引,结束索引)
  • 作用:就是截取数组中的一部分数据
  • 返回值:新的数组
  • 注意: 包前不包后 包含开始索引不包含结束索引
    1
    2
    3
    4
    5
    //slice 
    var arr = [10,20,30,40,50]
    res = arr.slice(1,3)
    console.log(arr);//[10,20,30,40,50]
    console.log(res);//[20, 30] //不包含 对应3的索引

4.indexOf 从左检查数组中有没有这个数值

  • 语法一:数组名.indexOf(要查询的数据)
  • 作用:检查这个数组中有没有该数据,如果有就返回该数据第一次出现在索引,如果没有返回-1
  • 语法二:数组名.indexOf(要查询的数据,开始索引)
    1
    2
    3
    4
    5
    //indexOf 语法一
    var arr = [10,20,30,40,50];
    res= arr.indexOf(10);
    console.log(arr); // [10,20,30,40,50]
    console.log(res); // 0

5.lastIndexOf 从右检查数组中有没有这个数值

  • 语法一:数组名.lastIndexOf(要查询的数据)
  • 作用:检查该数组有没有该数据,如果有就返回该数据第一次出现在索引,如果没有返回-1
  • 语法二:数组名.lastIndexOf(要查询的数据,开始索引)
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    //lastIndexOf 语法一
    var arr = [10,20,30,40,50];
    res = arr.lastIndexOf(50)
    console.log(arr); // 10,20,30,40,50]
    console.log(res); // 4
    // *************
    //lastIndexOf 语法二
    var arr =[10,20,30,40,50]
    res = arr.lastIndexOf(30,2);
    console.log(arr);//[10, 20, 30, 40, 50]
    console.log(res);//2

对象常用的方法


object.

写在后面

js数组常用方法(19种)|你会的到底有多少呢?