超详细的javascript数组方法汇总

一、文章概述

本文主要介绍了JavaScript中最常用的数组方法，包括join()、reverse()、sort()、concat()、slice()和splice()等。这些方法在数组操作中非常实用，能够帮助开发者更加高效地处理数组数据。

二、详细

1. join()方法

该方法将数组转为字符串显示。如果不传入参数，默认以逗号连接数组项；如果传入参数，则以参数作为连接符。值得注意的是，该方法不会修改原数组。

示例代码：

```javascript

var arr=[1,2,3];

console.log(arr.join()); // 输出：1,2,3

console.log(arr.join("_")); // 输出：1_2_3

console.log(arr); // 输出：[1,2,3]

```

2. reverse()方法

该方法将数组逆序排列，会修改原数组。

示例代码：

```javascript

var arr=[1,2,3];

var arr2=arr.reverse();

console.log(arr2); // 输出：[3,2,1]

console.log(arr); // 输出：[3,2,1]（原数组已被修改）

```

3. sort()方法

该方法默认按升序排列数组项。也可以传入一个比较函数作为参数，以实现自定义排序。

示例代码：

```javascript

var arr=[2,12,14,21,5];

console.log(arr.sort()); // 输出：[12, 14, 2, 21, 5]（默认排序）

console.log(arr.sort(function(a,b){return a-b})); // 输出：[2,5,12,14,21]（按升序排序）

console.log(arr.sort(function(a,b){return b-a})); // 输出：[21,14,12,5,2]（按降序排序）

```

4. concat()方法

该方法用于数组合并，不会修改原数组。

示例代码：

```javascript

var arr=[1,2,3];

console.log(arr.concat(4,5)); // 输出：[1, 2, 3, 4, 5]

console.log(arr.concat([4,5],6)); // 输出：[1, 2, 3, 4, 5, 6]

console.log(arr); // 输出：[1, 2, 3]（原数组未变）

```

5. slice()方法

让我们先来几个JavaScript数组方法。假设我们有一个数组arr，初始值为[1,2,3,4,5,6]。

接下来，让我们看看栈方法push()和pop()，它们遵循后进先出的原则。push()方法可以在数组的尾部添加一个或多个元素并返回新数组的长度。比如我们在arr数组尾部添加元素4后得到的新数组长度就是4。而pop()方法则会删除数组的最后一项并返回它。对于数组arr来说，我们删除了元素4并得到了同样的返回值。

再来看看队列方法unshift()和shift()，它们遵循先进先出的原则。unshift()可以在数组的头部添加一个或多个元素并返回新数组的长度，而shift()则删除数组的第一项并返回它。我们试着在arr数组头部添加元素0并删除了原数组的第一项进行了验证。

现在我们来聊聊forEach()方法，这是一个非常有用的迭代工具。在forEach()方法中，第一个参数是当前正在遍历的元素值，第二个参数是元素的索引，第三个参数是调用forEach方法的对象本身。这对于处理大量数据非常有用。

除了forEach()，还有map()方法也非常实用。它会遍历数组中的每一项并运行给定的函数，然后返回一个新的数组，这个新数组包含了每次函数调用的结果，而原数组不会被修改。这对于在不改变原数据的情况下处理数据非常有用。

还有every()、some()和filter()等方法也非常实用。every()会检查数组中每一项是否都满足给定的条件，如果都满足则返回true；some()则会检查数组中是否有任何一项满足给定的条件，如果有则返回true；而filter()则是通过给定的函数检查每一项并返回符合条件的项组成的数组。这些方法在数据筛选和验证方面非常有用。

二、扩展方法

数组去重与剔除空元素的处理方式

数组去重方法详解

在编程中，我们经常遇到需要对数组进行去重的需求。以下是一个简单的JavaScript函数，用于实现数组的去重操作。这个函数通过过滤数组中的重复元素，只保留第一次出现的元素，从而实现去重效果。这个函数还展示了如何使用数组的 `indexOf` 方法来检查元素是否已经存在于数组中。如果元素在数组中第一次出现的位置与其当前位置相同，则该元素不是重复元素。我们将这个过程称为数组的去重操作。在代码中，我们通过使用数组的 `filter` 方法来完成这一操作。该函数遍历数组中的每个元素，并检查该元素是否已经在数组中出现了。如果尚未出现，则将其添加到新的数组中。这样处理后，得到的数组就是一个没有重复元素的数组了。以下是一个示例代码：

```javascript

function unique(arr){

var arr2=[arr[0]]; //初始化新数组，包含原数组的第一个元素

var len=arr.length; //获取原数组的长度

if(!len){ //如果数组为空则直接返回空数组

return arr; //返回空数组；如果数组不为空则进行去重操作

}

for(var i=0;i

if (arr2.join(" ")dexOf(arr[i])<0){ //如果新数组中不存在当前元素则将其添加到新数组中

arr2.push(arr[i]); //将当前元素添加到新数组中并继续遍历下一个元素否则跳过当前元素不进行任何操作

} else { /不做任何操作/}

} //遍历结束后返回新的无重复元素的数组return arr2; }var arr=[1,2,3,3,4,2,1,5];console.log(unique(arr)); 　　//输出结果：[1, 2, 3, 4, 5] 展示去重后的结果数组　　去掉数组中的空元素的方法　　在数组中除了普通的元素外有时我们可能会遇到空元素如null或者undefined等这些空元素可能会对我们的数据处理产生影响因此我们需要将它们从数组中删除以下是一个简单的JavaScript函数用于删除数组中的空元素该函数通过过滤数组中的空元素只保留非空元素来实现删除空元素的效果在代码中我们通过使用数组的filter方法来完成这一操作该函数遍历数组中的每个元素并检查该元素是否为空如果非空则将其保留在新的数组中以下是一个示例代码　　删除数组中的空元素的代码实现：　　　　```javascript　　function deleteNullInArray(array){　　return array.filter(function(item){　　return item!=null;　　})　　}　　var arr=[1,2,null,,,5];　　console.log(deleteNullInArray(arr)); 　　输出结果：[1, 2, 5];展示删除空元素后的结果数组　　此外在文章最后我们还看到了这样一行代码：`cambrian.render('body')`这可能是某种特定的库或框架的代码片段由于无法获取更多上下文信息所以无法对此行代码进行准确的解释说明不过我们可以猜测这可能是某种渲染或者更新页面的操作希望以上内容能对您有所帮助如果您还有其他问题请随时向我提问我会尽力为您解答