数组常用方法

2022-06-23 22:01:26 阅读：156 来源： 互联网

标签：skyblue 常用 console log colors let 数组方法

增加元素

push() : 将参数添加到数组末尾

let colors = ["skyblue"]; // 创建一个数组
let count = colors.push("red", "green"); // 推入两项
console.log(count) // 2

unshift() :将参数添加到数组开头

let colors = ["skyblue"]; // 创建一个数组
let count = colors.unshift("red", "green"); // 推入两项
console.log(count) // 2

splice(开始位置，要删除的元素个数，插入的元素) : 传入三个参数，分别是开始的位置、要删除元素的数量、要插入的元素
```
let colors = ["skyblue", "green", "blue"];
let removed = colors.splice(1, 0, "yellow", "red")
console.log(colors) // skyblue,yellow,red,green,blue
```
concat() ：会新建一个当前数组的副本，然后将参数添加到副本后面，然后返回这个副本。不会影响原本的数组。

let colors = ["skyblue"]; // 创建一个数组
let colors1 = colors.concat("red", "green"); // 推入两项
console.log(color2) // ["skyblue", "red", "green"]

删除元素

pop() : 删除数组的最后一项，同时减少数组的长度

let colors = ["skyblue", "blue"];
let colors1 = colors.pop();
console.log(colors1)  //["skyblue"]
console.log(colors.length) //1

shift() ：删除数组的第一项，同时减少数组的长度

let colors = ["skyblue", "blue"];
let colors1 = colors.pop();
console.log(colors1)  //["blue"]
console.log(colors.length) //1

splice(开始位置，要删除的元素个数) ：传入两个参数，分别是开始的位置、要删除元素的数量

let colors = ["skyblue", "green", "blue"];
let removed = colors.splice(0,1); // 删除第一项
console.log(colors); // green,blue

slice() ：分割数组，将原数组中一个或多个元素分割成新数组，不会影响原来的数组

let colors = ["skyblue", "green", "blue", "red"];
console.log(colors.slice(1)); //green, blue, red
console.log(colors.slice(1,2)); //green, blue

查看元素
- indexOf() : 返回要查找的元素在数组中的位置
```
let numbers = [1, 2, 3, 4, 1];
numbers.indexOf(2) // 1
```
- includes() : 返回要查找的元素是否在数组中，在就返回 true，不在就返回 false。
```
let numbers = [1, 2, 3, 4, 1];
numbers.includes(4) // true
```
- find() : 返回第一个匹配的参数
```
let numbers = [1, 2, 3, 4, 1];
numbers.find((el, index) => el[index] > 1) // 2
```

排序方法

reverse() : 反转数组，将数组元素的方向进行反转。

let num = [1,2,3,4];
console.log(num.reverse());   //[4,3,2,1]

sort() : 接受一个比较函数，判断哪个值应该排在前面

function compare(value1, value2) {
    if (value1 < value2) {
        return -1;
    } else if (value1 > value2) {
        return 1;
    } else {
        return 0;
    }
}
let values = [1,3,5,7,9];
console.log(values.sort(compare)); // 1,3,5,7,9

数组转化为字符串
- join(分隔符) : 将数组中所有元素放进一个字符串中，通过分隔符进行分割
```
let colors = ["skyblue", "blue"];
console.log(colors.join(",")) // skyblue, blue  
```

迭代方法

some() : 参数为测试函数，若数组中有任意一项满足，则返回true，否则返回false

let nums = [1, 2, 3, 4];
let numFlag = nums.some((item, index, array) => item > 2);
console.log(numFlag) // true

every() ：参数为测试函数，若数组中所有项都满足，则返回true，否则返回false

let nums = [1, 2, 3, 4];
let numFlag = nums.every((item, index, array) => item > 2);
console.log(numFlag) // false

forEach() ：传入函数，数组每个元素都放进去运行一次

let nums = [1, 2, 3, 4];
nums.forEach((item, index, array) => {
    // 进行函数操作
});

filter() : 传入函数，函数返回true的元素会组成一个数组再返回

let nums = [1, 2, 3, 4];
let filterNum = nums.filter((item, index, array) => item > 2);
console.log(filterNum); // 3,4

map() : 传入函数，返回每次函数调用的结果构成的数组

let nums = [1, 2, 3, 4];
let filterNum = nums.filter((item, index, array) => item + 1);
console.log(filterNum); // 2,3,4,5

标签：skyblue,常用,console,log,colors,let,数组,方法
来源： https://www.cnblogs.com/monterbao/p/16406878.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

数组常用方法