经常需要对数组进行遍历、并将遍历到的元素加入到一个新的数组中，在JavaScript编程中。可以帮助我们更高效地处理数组操作，提升开发效率，掌握JavaScript中遍历数组加到新数组的方法。本文将详细介绍在JavaScript中遍历数组加到新数组的几种方法及其应用场景。
1.for循环遍历数组并添加到新数组
并使用push()方法将元素添加到新的数组中、通过for循环遍历原始数组。适用于所有版本的JavaScript，这种方法简单直接。
例如：
```javascript
letoriginalArray=[1,2,3,4,5];
letnewArray=[];
for(leti=0;i newArray.push(originalArray[i]); ``` 2.forEach方法遍历数组并添加到新数组 并对其执行指定操作，用于遍历数组中的每个元素，forEach()是数组对象的一个方法。可以使用这个方法在回调函数中将元素添加到新的数组中。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=[]; originalArray.forEach((element)=>{ newArray.push(element); }); ``` 3.map方法遍历数组并返回新数组 用于遍历数组中的每个元素、map()是数组对象的一个方法、并对其执行指定操作。不会改变原始数组，它会返回一个新的数组。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=originalArray.map((element)=>{ returnelement; }); ``` 4.filter方法遍历数组并添加符合条件的元素到新数组 并对其执行指定条件判断、filter()是数组对象的一个方法，用于遍历数组中的每个元素。包含符合条件的元素，它会返回一个新的数组。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=originalArray.filter((element)=>{ returnelement>3; }); ``` 5.reduce方法遍历数组并累加值到新数组 并将其累积到一个新的值中，用于遍历数组中的每个元素，reduce()是数组对象的一个方法。并将结果添加到新的数组中，它可以用于累加数组中的值。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=originalArray.reduce((accumulator,currentValue)=>{ returnaccumulator+currentValue; },[]); ``` 6.使用ES6的展开运算符遍历数组并添加到新数组 、可以用于将数组展开为逗号分隔的参数序列，，)，ES6引入了展开运算符(。可以简单地将原始数组中的元素加入到新的数组中，结合这个特性。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=[...originalArray]; ``` 7.使用concat方法将数组合并为新数组 用于将一个或多个数组合并为一个新数组，concat()是数组对象的一个方法。得到一个包含原始数组中所有元素的新数组，可以利用这个方法将原始数组与一个空数组合并。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=[].concat(originalArray); ``` 8.使用Array.from方法将类数组对象转换为新数组 from()是一个静态方法，用于从一个类似数组或可迭代对象中创建一个新的数组实例、Array。可以利用这个方法将类数组对象转换为新的数组。 例如： ```javascript letoriginalArray={length:5,0:1,1:2,2:3,3:4,4:5}; letnewArray=Array.from(originalArray); ``` 9.使用解构赋值遍历数组并添加到新数组 解构赋值是一种快速获取数组中元素并赋值给变量的方法。可以方便地将原始数组中的元素添加到新的数组中、通过使用解构赋值。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=[]; for(letelementoforiginalArray){ newArray.push(element); ``` 10.使用递归遍历嵌套数组并添加到新数组 可以通过递归遍历每个子数组并将其元素添加到新的数组中，如果原始数组是一个嵌套数组。 例如： ```javascript functionflattenArray(originalArray){ letnewArray=[]; for(letelementoforiginalArray){ if(Array.isArray(element)){ newArray.push(...flattenArray(element)); }else{ newArray.push(element); returnnewArray; letoriginalArray=[1,[2,[3,4],5]]; letnewArray=flattenArray(originalArray); ``` 11.使用while循环遍历数组并添加到新数组 也可以使用while循环来遍历原始数组、并将元素添加到新的数组中、除了for循环。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=[]; leti=0; while(i newArray.push(originalArray[i]); i++; ``` 12.使用for...of循环遍历数组并添加到新数组 for.，of循环是ES6引入的一种用于遍历可迭代对象的循环语句，。并将元素添加到新的数组中，可以使用这种语法遍历原始数组。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=[]; for(letelementoforiginalArray){ newArray.push(element); ``` 13.使用Array.prototype.slice方法将数组复制到新数组 并以新数组的形式返回、slice()是数组对象的一个方法，用于从数组中提取指定范围的元素。可以使用这个方法复制整个原始数组到一个新的数组中。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=originalArray.slice(); ``` 14.使用Array.prototype.splice方法将数组复制到新数组 用于向/从数组中添加/删除项目，splice()是数组对象的一个方法。可以复制整个原始数组到一个新的数组中，通过使用这个方法。 例如： ```javascript letoriginalArray=[1,2,3,4,5]; letnewArray=[]; newArray.splice(0,0,...originalArray); ``` 15.使用ES6的Array.from方法将可迭代对象转换为新数组 from()还可以用于将可迭代对象转换为新的数组，Array、除了用于类数组对象。可以利用这个方法将原始数组转换为一个新的数组。 例如： ```javascript letoriginalArray='hello'; letnewArray=Array.from(originalArray); ``` Array，for、reduce、解构赋值，通过本文详细介绍了JavaScript中遍历数组加到新数组的几种方法、，，of循环，包括for循环，展开运算符，filter、forEach，while循环、from等方法，递归、map、from，splice和Array，concat，slice。提升开发效率、掌握这些方法可以帮助我们更加灵活地处理数组操作。可以更好地实现将数组元素加入新数组的功能、根据具体需求选择合适的方法，在实际项目中。
