js数组方法返回新数组
时间: 2023-08-19 16:13:15 浏览: 111
一些JavaScript数组方法返回新数组,包括slice、concat、map、和sort。slice方法一个从原数组中选定的元素组成的新数组。concat方法用于连接两个或多个数组,并返回一个新数组。map方法对数组中的每个元素执行提供的函数,并返回一个新数组,该数组包含函数的返回值。filter方法创建一个新数组,其中包含通过提供的函数筛选的原数组的元素。sort方法对数组进行排序,并返回排序后的新数组。这些方法都不会改变原始数组。[1]
相关问题
js数组去重返回新数组
可以使用ES6中的Set对象来实现数组去重,也可以使用reduce方法遍历数组,返回一个新数组。
方法一:使用Set对象
```javascript
const arr = [1, 2, 3, 2, 1];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3]
```
方法二:使用reduce方法
```javascript
const arr = [1, 2, 3, 2, 1];
const uniqueArr = arr.reduce((prev, cur) => prev.includes(cur) ? prev : [...prev, cur], []);
console.log(uniqueArr); // [1, 2, 3]
```
以上两种方法都会返回一个新的数组,包含原数组中的不重复元素。
js 数组截取 返回新数组
### JavaScript 中使用 `slice()` 方法截取数组
`slice()` 是一种不会修改原数组而是返回一个新的数组对象的方法,这个新数组由 begin 和 end (不包括)决定的子数组组成[^4]。
当调用此方法时,可以指定两个参数:起始位置 (`begin`) 和结束位置 (`end`)。如果只提供了一个参数,则该方法将复制从所提供的索引到数组结尾的所有元素。
下面是一个具体的例子来展示如何利用 `slice()` 来创建一个基于现有数组的新数组:
```javascript
let originalArray = ['HTML', 'CSS', 'JavaScript', 'TypeScript', 'React'];
// 从索引1开始直到但不包含索引4的位置进行切片
let newArray = originalArray.slice(1, 4);
console.log(newArray); // 输出: Array ["CSS", "JavaScript", "TypeScript"]
```
在这个实例里,原始数组保持不变,而通过 `slice()` 创建的新数组包含了从第二个元素 ('CSS') 开始至第四个元素之前的所有项('TypeScript')。
阅读全文
相关推荐
![js](https://img-home.csdnimg.cn/images/20250102104920.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)