JavaScript数组实战小练习

1.找出元素在数组中的位置。

function indexOf(arr, item) {
    if(Array.prototype.indexOf){ //判断浏览器是否支持indexOf方法
        return arr.indexOf(item);
    }else{
        for(var i=0; i<arr.length; i++){
            return i;
        }
    }
    return -1;
}
console.log("3在数组[1,2,3,4]中的位置："+ indexOf([1,2,3,4],3)); //3在数组[1,2,3,4]中的位置：2

2.计算数组中元素的和。

/*function sum(arr){
    var all=0;
    for(var i=0; i<arr.length; i++){
        if(typeof arr[i] == "number"){
            all += arr[i];
        }
    }
    return all;
}*/
function sum(arr){
    return eval(arr.join("+"));
}
console.log("数组元素求和："+ sum([1,2,3])); //数组元素求和：6

3.移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组。

function remove(arr, item) {
    var a=[];
    for(var i=0; i<arr.length; i++){
        if(arr[i]!=item){
            a.push(arr[i]);
        }
    }
    return a;
}
console.log(remove([1,2,3,4,2,3],2)); //[ 1, 3, 4, 3 ]

4.移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进行操作，并将结果返回。

function removeWithoutCopy(arr,item){
    for(var i=0; i<arr.length;i++){
        if(arr[i]==item){
            arr.splice(i,1);//这里的1可以理解为每遇到item就删除数组中的1个元素
            i--;//splice（i,1）删除一个元素，必须让i值减一，否则会跳过下一个元素
        }
    }
    return arr;
}
console.log(removeWithoutCopy([1,2,3,4,2,3],2));//[ 1, 3, 4, 3 ]

5.在数组 arr 末尾添加元素 item。不要直接修改数组 arr，结果返回新的数组。

function append(arr,item){
    var a = arr.slice(0);//splice()可从已有的数组中返回选定的元素：arrayObj.slice(start,end);
    a.push(item);
    return a;
}
console.log(append([1, 2, 3, 4],  10)); //[ 1, 2, 3, 4, 10 ]

6.删除数组 arr 最后一个元素。不要直接修改数组 arr，结果返回新的数组。

function truncate(arr){
    return arr.slice(0,arr.length-1);
}
console.log(truncate([1,2,3,4]));//[ 1, 2, 3 ]

7.在数组 arr 开头添加元素 item。不要直接修改数组 arr，结果返回新的数组。

function prepend(arr,item){
    var a = arr.slice(0); //unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。arrayObject.unshift(newelement1,newelement2,....,newelementX)
    a.unshift(item);
    return a ;
}
console.log(prepend([1,2,3,4],10)); //[ 10, 1, 2, 3, 4 ]

function prepend(arr,item){
    return [item].concat(arr);
}
console.log(prepend([1,2,3,4],10)); //[ 10, 1, 2, 3, 4 ]

8.删除数组 arr 第一个元素。不要直接修改数组 arr，结果返回新的数组。

/*function curtail(arr){
    var a = arr.slice(0);
    a.shift();
    return a;
}*/
function curtail(arr){
    return arr.slice(1);
}
console.log(curtail([1,2,3,4])); //[2,3,4]

9.合并数组 arr1 和数组 arr2。不要直接修改数组 arr，结果返回新的数组。

/*function concat(arr1,arr2){
    var a = arr1.slice(0);
    for(var i=0; i<arr2.length; i++){
        a.push(arr2[i]);
    }
    return a;
}*/

function concat(arr1,arr2){
    return arr1.concat(arr2);
}
console.log(concat([1, 2, 3, 4], ['a', 'b', 'c', 1]));//[ 1, 2, 3, 4, 'a', 'b', 'c', 1 ]

10.在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr，结果返回新的数组。

function insert(arr,item,index){
    return arr.slice(0,index).concat(item,arr.slice(index));
}
console.log(insert([1,2,3,4],'z',2));//[ 1, 2, 'z', 3, 4 ]

11.统计数组 arr 中值等于 item 的元素出现的次数。

function count(arr,item){
    var cnt=0;
    for(var i=0; i<arr.length; i++){
        arr[i] == item ? cnt++ : 0;
    }
    return cnt;
}
console.log(count([1, 2, 4, 4, 3, 4, 3], 4));//3

12.找出数组 arr 中重复出现过的元素************************************************

function duplicates(arr) {
    //声明两个数组，a数组用来存放结果，b数组用来存放arr中每个元素的个数
    var a = [],b = [];
    //遍历arr，如果以arr中元素为下标的b元素已存在，则该b元素加1，否则设置为1
    for(var i = 0; i < arr.length; i++){
        if(!b[arr[i]]){
            b[arr[i]] = 1;
            continue;
        }
        b[arr[i]]++;
    }
    //遍历b数组，将其中元素值大于1的元素下标存入a数组中
    for(var i = 0; i < b.length; i++){
        if(b[i] > 1){
            a.push(i);
        }
    }
    return a;
}
console.log(duplicates([1, 2, 4, 4, 3, 3, 1, 5, 3]));

13.为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组。

/*function square(arr){
    var a = arr.slice(0),
        b = [];
    for(var i=0; i<arr.length; i++){
        b.push(a[i]*a[i]);
    }
    return b;
}*/
/*// 使用map
function square(arr) {
    return arr.map(function(e) {
        return e * e;
    })
}*/
const square = arr => arr.map(e => e* e);
console.log(square([1,2,3,4]));

14.在数组 arr 中，查找值与 item 相等的元素出现的所有位置********************************

function findAllOccurrences(arr,target){
    var a=[];
    arr.forEach(function(val,index){
        val !== target || a.push(index);
    });

    return a;
}
//console.log(findAllOccurrences('abcdefabc',target)); //为什么加上这句就错了呢？

 __proto__:Array[0]