Vue中数组的常用方法

数组的方法分为变更方法和替换数组

变更方法

  1. push()
    push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度

  2. pop()
    pop() 方法用于删除数组的最后一个元素并返回删除的元素。改变数组的长度

  3. shift()
    shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。改变数组的长度

  4. unshift()
    unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。该方法将改变数组的数目

  5. splice()
    splice() 方法用于添加或删除数组中的元素。

name.splice(2,0,"Lemon","Kiwi"); 
其中splice(索引号,删除个数,插入内容)
  1. sort()

sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。
当数字是按字母顺序排列时"40"将排在"5"前面。

注意 使用数字排序,你必须通过一个函数作为参数来调用。函数指定数字是按照升序还是降序排列。

  1. reverse()
    reverse()方法用于颠倒数组中元素的顺序。

替换数组

变更方法,顾名思义,会变更调用了这些方法的原始数组。相比之下,也有非变更方法,例如 filter()、concat() 和 slice()。它们不会变更原始数组,而总是返回一个新数组。当使用非变更方法时,可以用新数组替换旧数组:

  1. filter()
    filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
  1. concat()
    concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var children = hege.concat(stale);
  1. slice()

slice() 方法可从已有的数组中返回选定的元素。

slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值