二十五、Vue常用操作数组方法

2022-05-31 00:05:22 阅读：183 来源： 互联网

①arr.reverse() 获取倒序数组数据，改变原数组

arr.reverse()

②arr.length 数组长度

var l=arr.length

③arr.slice(start,end) 数组截取 start开始截取下标，end结束截取下标，返回一个新数组（不包括end）

var b=arr.slice(0,2) //0,1

④arr.filter(()=> return 条件) 过滤函数，返回一个新数组 以下例子返回所有符合 data.title == value的数组

 let arrdata = this.arr.filter((data) => {
          return data.title == value;
        });

⑤Array.push() 一个或多个元素添加到数组的末尾，改变原数组

⑥Array.concat() 将两个或多个数组合并为一个新数组，返回一个新数组

let myArray = [2,4,5,7,9,12,14];
    let newArray = [1,2,3];
    let result = myArray.concat(newArray);
    console.log(result);//[2,4,5,7,9,12,14,1,2,3]

⑦Array.join() 指定连接分隔符，以字符串形式输出，返回一个新数组

    let myArray = [2,4,5,7,9,12,14];
    let a=myArray.join("分隔"); //2分隔4分隔5分隔7分隔9分隔12分隔14
    console.log(a)

⑧Array.forEach() 遍历数组的值和下标，并对其进行一定的操作

    var myArray = [2,4,5,7,9,12,14];
    var a=myArray.forEach((value,index)=>{
        console.log("值："+value+","+"下标："+index)
    })
        
    console.log(a);//forEach的返回值为undefined,

⑨map() 对数组中的每个元素执行一个函数，并返回一个新数组。

    let myArray = [2,4,5,7,9,12,14];
    let doubleArray = myArray.map(function(item){
        return item * 2;});
    console.log(doubleArray) //哥哥值乘以2

⑩Array.unshift() 一个或多个元素添加到数组的开头，改变原数组

let myArray = [2,4,5,7,9,12,14];
    myArray.unshift(0);
    console.log(myArray)  //[ 0, 2, 4, 5, 7, 9, 12, 14 ]

标签：arr,Vue,14,myArray,12,let,数组,二十五
来源： https://www.cnblogs.com/liangyingqi/p/16328822.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

二十五、Vue常用操作数组方法