练习牛客网笔试题--前端js--15-添加元素-末尾

原创于 2021-04-19 11:53:26 发布 · 124 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了一种在前端JavaScript中不直接修改原数组而是在其末尾添加新元素的方法。提供了五种不同的实现方式，包括使用剩余参数、迭代拷贝、slice浅拷贝结合push、concat方法等。

练习牛客网笔试题--前端js--15-添加元素-末尾

// 题目描述

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

// 输入 [1, 2, 3, 4], 10

// 输出 [1, 2, 3, 4, 10]

1.自己的练习

function append(arr, item) {
        var newArr = [];
        newArr.push(...arr, item);
        return newArr;
    }

2.题解

    1. 利用剩余参数
    function append(arr, item) {
        return [...arr, item]
    }
        
    // 2. 普通的迭代拷贝
    function append (arr, item) {
        var length = arr.length,
            newArr = [];
        for (var i = 0; i < length; i++) {
            newArr.push(arr[i]);
        }
        newArr.push(item);
        return newArr;
    };
    
    // 3. 使用slice浅拷贝+push组合
    function append (arr, item) {
        var newArr = arr.slice(0);  // slice(start, end)浅拷贝数组
        newArr.push(item);
        return newArr;
    };
    
    //  4. 使用concat将传入的数组或非数组值与原数组合并,组成一个新的数组并返回
    function append(arr, item) {
        return arr.concat(item);
    };