admin 管理员组

文章数量: 887021


2024年2月6日发(作者:element ui怎么下载)

js操作数组的方法

JavaScript中有很多可以操作数组的方法,这些方法可以更加方便地对数组进行增删改查等操作。在本篇文章中,我将详细介绍JavaScript中常用的一些数组操作方法。

1. push(:将一个或多个元素添加到数组的末尾,并返回新数组的长度。示例:

```

var fruits = ['apple', 'banana'];

('orange');

(fruits); // ["apple", "banana", "orange"]

```

2. pop(:删除并返回数组的最后一个元素。示例:

```

var fruits = ['apple', 'banana', 'orange'];

var lastFruit = (;

(fruits); // ["apple", "banana"]

(lastFruit); // "orange"

```

3. unshift(:将一个或多个元素添加到数组的开头,并返回新数组的长度。示例:

```

var fruits = ['apple', 'banana'];

t('orange');

(fruits); // ["orange", "apple", "banana"]

```

4. shift(:删除并返回数组的第一个元素。示例:

```

var fruits = ['orange', 'apple', 'banana'];

var firstFruit = (;

(fruits); // ["apple", "banana"]

(firstFruit); // "orange"

```

5. slice(:返回一个新数组,包含从开始到结束(不包括结束)选择的数组的元素。示例:

```

var fruits = ['apple', 'banana', 'orange', 'grapefruit'];

var citrusFruits = (2);

(citrusFruits); // ["orange", "grapefruit"]

var slicedFruits = (1, 3);

(slicedFruits); // ["banana", "orange"]

```

6. splice(:通过删除或替换现有元素或者原地添加新元素来修改数组,并返回被删除的元素。示例:

```

var fruits = ['apple', 'banana', 'orange'];

(1, 0, 'grapefruit');

(fruits); // ["apple", "grapefruit", "banana",

"orange"]

var removedFruits = (2, 2);

(fruits); // ["apple", "grapefruit"]

(removedFruits); // ["banana", "orange"]

```

7. concat(:将两个或多个数组合并成新数组。示例:

```

var fruits1 = ['apple', 'banana'];

var fruits2 = ['orange', 'grapefruit'];

var allFruits = (fruits2);

(allFruits); // ["apple", "banana", "orange",

"grapefruit"]

```

8. reverse(:颠倒数组中元素的顺序,原地修改数组。示例:

```

var fruits = ['apple', 'banana', 'orange'];

e(;

(fruits); // ["orange", "banana", "apple"]

```

9. sort(:按照升序或降序对数组进行排序,原地修改数组。示例:

```

var fruits = ['apple', 'banana', 'orange'];

(;

(fruits); // ["apple", "banana", "orange"]

(.reverse(;

(fruits); // ["orange", "banana", "apple"]

```

10. indexOf(:返回数组中第一个与指定值相等的元素的索引,如果不存在则返回-1、示例:

```

var fruits = ['apple', 'banana', 'orange'];

var bananaIndex = f('banana');

(bananaIndex); // 1

var grapesIndex = f('grapes');

(grapesIndex); // -1

```

11. lastIndexOf(:返回数组中最后一个与指定值相等的元素的索引,如果不存在则返回-1、示例:

```

var fruits = ['apple', 'banana', 'orange', 'banana'];

var bananaIndex = dexOf('banana');

(bananaIndex); // 3

var grapesIndex = dexOf('grapes');

(grapesIndex); // -1

```

12. filter(:创建一个新数组,包含通过测试函数的所有元素。示例:

```

var numbers = [1, 2, 3, 4, 5];

var evenNumbers = (function(number)

return number % 2 === 0;

});

(evenNumbers); // [2, 4]

```

13. map(:创建一个新数组,包含对原数组中的每个元素应用函数后的结果。示例:

```

var numbers = [1, 2, 3, 4, 5];

var squaredNumbers = (function(number)

return number * number;

});

(squaredNumbers); // [1, 4, 9, 16, 25]

```

14. forEach(:对数组中的每个元素执行一次提供的函数。示例:

```

var fruits = ['apple', 'banana', 'orange'];

h(function(fruit, index)

("Fruit at index " + index + ": " + fruit);

});

// Output:

// Fruit at index 0: apple

// Fruit at index 1: banana

// Fruit at index 2: orange

```

15. reduce(:对数组中的每个元素执行一个reduce函数(从左到右),将其结果汇总为单个值并返回。示例:

```

var numbers = [1, 2, 3, 4, 5];

var sum = (function(total, number)

return total + number;

},0);

(sum); // 15

```


本文标签: 数组 元素 示例 返回 原地