javascript如何操作数组

Posted 九转功成

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript如何操作数组相关的知识,希望对你有一定的参考价值。

说明

如需求:后台返回一个用户列表数组,该数组可能为空,最多只可能会有10个用户,

页面中A,B两处展示用户列表,B处不管如何都会展示返回的所有用户,A处需要展示10个用户,不足10个展示默认用户,

比如:返回7个,A处展示的后3个都是默认用户

var arr1=[1,2,3,4,5,6,7];
var arr2=[];
var arr3=[1,2,3,4,5,6,7,8,9,10];
function filterData(arr){
    var maxLength=10;
    var minLength=arr.length;
    var bottom=[];
    var defaultArr=[];
    var defaultLength=maxLength-minLength;
    if(defaultLength!=0){
        for(var i=0;i<defaultLength;i++){
            defaultArr.push(‘a‘);
        }
        arr=arr.concat(defaultArr);
    }
    for(var j=0;j<minLength;j++){
        bottom.push(arr[j]);
    }

    console.log(arr,bottom);
};
filterData(arr1);//[1, 2, 3, 4, 5, 6, 7, "a", "a", "a"], [1, 2, 3, 4, 5, 6, 7]
filterData(arr2);//["a", "a", "a", "a", "a", "a", "a", "a", "a", "a"] []
filterData(arr3);//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10] , [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

 

以上是关于javascript如何操作数组的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript单行代码,也就是代码片段

JavaScript 片段

JavaScript 代码片段

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

几个关于js数组方法reduce的经典片段