通过扩展运算符和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 arraynewArr.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]

js不改变原数组的情况，添加或删除指定的元素相关推荐

js中改变原数组的方法以及解决改变原数组的方法
js中改变原数组的方法以及解决改变原数组的方法参考文章: (1)js中改变原数组的方法以及解决改变原数组的方法 (2)https://www.cnblogs.com/Ingots/p/1151701 ...
js操作改变原数组的解决方法
最近在开发的时候发现js中的循环操作会改变原数组,var一个变量承接也不行甚至连map方法都会改变原数组,下面是解决方法 let a = ['a','b','c'] let b = [[2, 0, ...
java数组元素替换操作_js数组操作（添加、删除、替换元素）
1.添加元素函数:push(para),参数说明para要添加的元素示例: var lang = ["php","java","javascrip ...
JavaScript数组方法大全（分为会不会改变原数组）
若看不懂注释的输出方式可以将代码粘贴到浏览器中执行观看 1. 数组通用方法 Array.from: 将一个类数组转化成数组类数组:Set, Map,对象等可遍历对象皆为类数组 Array.from( ...
数组常用方法：是否改变原数组
改变原数组的: shift:将第一个元素删除并且返回删除元素,空即为undefined unshift:向数组开头添加元素,并返回新的长度 pop:删除最后一个并返回删除的元素 push:向数组末尾添 ...
JS数组方法中哪些会改变原数组，哪些不会？
前言作为一名前端开发人员,我们每天都会与数组打交道.JS 也提供了很多操作数组的原生 API 供我们调用.在这些方法里面,有的方法会改变原数组,有些不会改变原数组.别看这一点小小的区别,往往会造成巨 ...
html设置数组的方法,js改变原数组的方法有哪些？
js改变原数组的方法 1.pop() pop():删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不改变数组,并返回 un ...
JS中会改变原数组和原字符串的API方法总结
1.会改变原数组的方法 arr.push(item1,item2,·····,itemx) arr.pop() arr.unshift(item1,item2,·····,itemx) arr.shi ...
js 数组操作方法（不改变原数组与改变原数组方法）
一: 不改变原数组的方法 1. concat() 方法用于连接两个或多个数组 let a =[1,2,3], b=[4,5,6]; let c = a.concat(b); console.log(a ...

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

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

1、添加元素

2、删除元素

js不改变原数组的情况，添加或删除指定的元素相关推荐

最新文章

热门文章