浅显易懂有栗子的:JavaScript中常用的数组方法

写在前面

本篇仅举出数组方法中较为常用的那部分,如有遗漏,欢迎在评论区中指出,我会及时补充~

split()

  • 作用:将字符串对象分割,并把分割后的各个字符装入数组中。

  • 参数:

    第一个参数传入字符串或正则表达式,这个参数会作为分隔符来分割字符串。这个参数是必需的。
    第二个参数传入一个数字,这个参数指定了数组的最大长度。这个参数是不必需的。
  • 举个栗子:

let str = "我 吃 炒 米 粉";
let arr = str.split(" ",3);
console.log(arr);//["我","吃","炒"]

join()

  • 作用:join() 方法用于把数组中的所有元素放入一个字符串。
  • 参数:指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。这个参数是不必需的。
  • join()方法所执行的操作与split()方法执行的操作正好相反。
  • 举个栗子:
let arr = ["我","吃","炒","米","粉"];
let str = arr.join(",");
console.log(str);//我,吃,炒,米,粉

indexOf()

  • 作用:返回指定参数在数组中的索引,如果数组中不存在想要查找的参数,则返回-1
  • 参数:
    第一个参数传入想要检索的内容,这个参数是必需的。
    第二个参数传入开始检索的位置,这个参数是不必需的,如果没有传入这个参数,那么检索将从数组的第一项开始。
  • 举个栗子:
let arr = ["我","吃","炒","米","粉"];
console.log(arr.indexOf("炒"));//2

concat()

  • 作用:用于连接两个或多个数组
  • 参数:任意多个具体的值或数组对象
  • 举个栗子:
let arr = ["我","吃","炒","米","粉"];
let arr2 = arr.concat("!");
console.log(arr2);//["我", "吃", "炒", "米", "粉", "!"]
  • 注意:concat()方法不会影响原数组。

slice()

  • 作用:从已有数组中返回指定区间的元素
  • 参数:
    第一个参数是开始选取的位置,这个参数是必需的。
    第二个参数是结束选取的位置,这个参数是不必需的,如果没有这个参数,slice()将会选取从第一个参数规定的位置一直到数组末尾的元素。
    注意:这两个参数都可以是负数,如果是负数那么就代表是从尾部开始数起,比如-2就代表倒数第二个元素。
    注意:slice()方法不会影响原数组。
  • 举个栗子:
let arr = ["我","吃","炒","米","粉"];
console.log(arr.slice(2,5));//["炒", "米", "粉"]

splice()

  • 作用:splice()方法会从数组中删除或添加元素,如果删除了元素,将会返回被删除的元素
  • 参数:
    第一个参数规定了删除/新增元素的位置,如果是负数将从数组末尾开始数起。这个参数是必需的。
    第二个参数规定了删除元素的个数,如果为0,则不删除元素。这个参数是必需的。
    在第二个参数之后可以传入若干个参数,作为新增元素。这些参数是不必需的。
    注意:与slice()方法不同,splice()方法将会影响原数组。
let arr = ["我","吃","炒","米","粉"];
console.log(arr.splice(3,2,"鸡","蛋"));//["米", "粉"]
console.log(arr);//["我", "吃", "炒", "鸡", "蛋"]

push()

  • 作用:将若干个元素添加到数组末尾,并返回添加后数组的新长度。
  • 参数:一个到若干个你想添加进数组末尾的元素。
  • 举个栗子:
let arr = ["我","吃","炒","米","粉"];
console.log(arr.push("啊","!"));//7
console.log(arr);//["我", "吃", "炒", "米", "粉", "啊", "!"]

unshift()

  • 作用:将若干个元素添加到数组的开头,并返回添加后数组的新长度。
  • 参数:一个到若干个你想添加进数组开头的元素。
  • 举个栗子:
let arr = ["我","吃","炒","米","粉"];
console.log(arr.unshift("啊","!"));//7
console.log(arr);//["啊", "!", "我", "吃", "炒", "米", "粉"]

pop()

  • 作用:删除并返回数组的最后一个元素。
  • 举个栗子:
let arr = ["我","吃","炒","米","粉"];
console.log(arr.pop());//粉
console.log(arr);//["我", "吃", "炒", "米"]

reverse()

  • 作用:翻转数组
    注意:reverse()会改变原数组
  • 举个栗子:
let arr = ["我","吃","炒","米","粉"];
console.log(arr);//["粉", "米", "炒", "吃", "我"]

关于map()、sort()、ForEach()等较为复杂的方法,有空我新开一章,就不在此赘述了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值