欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js不改变原数组的情况,添加或删除指定的元素

程序员文章站 2022-06-27 20:47:52
通过扩展运算符和fliter来达到不改变原数组的情况下,添加和删除元素1、添加元素var numList = [1, 2, 3, 4, 5, 6, 7, 8, 9]// 第一种方案function add (newList, num) { return [...newList, num]} // 第二种方案function add (arr, num) { const newArr = [...arr] // copy arr to then new array newArr....

通过扩展运算符和fliter来达到不改变原数组的情况下,添加和删除元素

1、添加元素

var numList = [1, 2, 3, 4, 5, 6, 7, 8, 9]

// 第一种方案
function add (newList, num) {
  return [...newList, num]
}

 // 第二种方案
function add (arr, num) {
  const newArr = [...arr] // copy arr to then new array
  newArr.push(num) // Add num parameter to the end of the new array.
  return newArr // Return the new array.
}
// 输出
var newNumList = add(numList, 10)
console.log('newNumList', newNumList) // newNumList , [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log('numList', numList) // numList ,[1, 2, 3, 4, 5, 6, 7, 8, 9] 

2、删除元素

var numList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

// 第一种方案
function remove (list, num) {
  return list.filter(e => e !== num)
}

// 第二种方案
function remove (arr, num) {
  const newArr = [...arr] // Copy the numlist array to a new array.
  if (newArr.indexOf(num) >= 0) {
    newArr.splice(newArr.indexOf(num), 1) // Remove the given paramater from the new array.
    return newArr // Return the new array.
  }
}
// 输出
var removeNumList = remove(numList, 10)
console.log('newNumList', removeNumList) // newNumList , [1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log('numList', numList) // numList ,[1, 2, 3, 4, 5, 6, 7, 8, 9,10] 

本文地址:https://blog.csdn.net/betterliumm/article/details/107858371