js内置对象(数组)的方法

数组对象

序号	方法	描述
1	concat()	连接两个或更多的数组，并返回结果
2	filter()	检测数值元素，并返回符合条件的所有对象
3	forEach()	和回调函数一起使用，遍历数组元素，每遍历一个元素，执行一次回调函数
4	includes()	判断一个数组是否包含一个指定的值
5	indexOf()	搜索数组中的元素，并返回它所在的位置，如果不存在，则返回-1
6	join()	数组转换为字符串，并通过放入的字符串分隔
7	reverse()	翻转数组
8	push()	向数组的末尾添加一个或多个元素，并返回新的长度
9	pop()	删除数组的最后一个元素，并返回被删除的元素
10	unshift()	向数组的开头添加一个或多个元素，并返回新的数组长度
11	shift()	删除数组的第一个元素，并返回被删除的元素
12	slice()	选取数组的一部分，并返回一个新的数组
13	splice()	从数组中添加或删除元素
14	sort()	对数组进行排序
15	map()	遍历数组,并返回处理后的数组,不会影响旧数组

cancat() – 合并数组

let arrA = [1, 2, 3];
let arrB = [4, 5, 6];
let arrC = arrA.concat(arrB);
console.log(arrC);
// 输出结果为 [ 1, 2, 3, 4, 5, 6 ]

filter() – 筛选符合的元素集

let arrA = [1, 2, 3, 10, 9, 3, 5, 1, 16];
let arrB = arrA.filter((e) => {
  return e > 5;  // 返回数组中大于5的数值
});
console.log(arrB);
// 输出结果为 [ 10, 9, 16 ]

forEach() – 遍历数组元素

let arrA = [1, 2, 3];
arrA.forEach((e) => {
  console.log(++e);
  // 分别输出 2  3  4,结果不会对原来的数组产生影响
});
console.log(arrA);
// 结果为 [ 1, 2, 3 ]

includes() – 是否含有某个元素

let arrA = ["小红", "小方", "小明"];
let resultA = arrA.includes("小红");
let resultB = arrA.includes("小青");
console.log(resultA, resultB);
// 输出结果 true false
// 若存在,返回true   不存在,返回false

indexOf() – 返回元素所在的位置

let arrA = ["小红", "小方", "小明"];
let resultA = arrA.indexOf("小红");
let resultB = arrA.indexOf("小明");
let resultC = arrA.indexOf("小青");
console.log(resultA, resultB, resultC);
// 输出结果 0 2 -1
// 若存在,返回数组所在的位置  不存在,返回-1

join() – 数组转换为字符串

let arrA = ["小红", "小方", "小明"];
let strA = arrA.join(",");
let strB = arrA.join("|");
console.log(strA);
// 输出 小红,小方,小明
console.log(strB);
// 输出 小红|小方|小明

reverse() – 翻转数组

let arrA = [1, 2, 3, 4, 5, 6];
let arrB = arrA.reverse();
console.log(arrB);
// 输出结果 [ 6, 5, 4, 3, 2, 1 ]

push() – 向数组末尾添加元素,并返回新的长度

let arrA = [1, 2, 3];
let resultA = arrA.push("小红");
console.log(arrA);
// 输出 [ 1, 2, 3, '小红' ]
console.log(resultA);
// 输出  4

pop() – 删除数组最后一个元素,并返回删除的元素

let arrA = [1, 2, 3, "小红"];
let resultA = arrA.pop();
console.log(arrA);
// 输出 [ 1, 2, 3 ]
console.log(resultA);
// 输出  小红

unshift() – 向数组开头添加元素,并返回新的长度

let arrA = [1, 2, 3];
let resultA = arrA.unshift("小红");
console.log(arrA);
// 输出 [ '小红', 1, 2, 3 ]
console.log(resultA);
// 输出  4

shift() – 删除数组第一个元素,并返回删除的元素

let arrA = ["小红", 1, 2, 3];
let resultA = arrA.shift();
console.log(arrA);
// 输出 [ 1, 2, 3 ]
console.log(resultA);
// 输出  小红

slice() – 选取数组的一部分,并返回新的数组

let arrA = [1, 2, 3, 4, 5, 6];
let arrB = arrA.slice(1, 3);
// slice(从第几个开始裁切,到哪里结束(不包括)), 最后一个参数不写,则默认到最后
console.log(arrB);
// 输出  [ 2, 3 ]

splice() – 从数组中删除或添加元素

let arrA = [1, 2, 3, 4, 5, 6];
arrA.splice(1, 0, "小红", "小明");
// splice(从第几个开始删除,一共删除多少个元素,要添加的新元素),影响的是原数组
console.log(arrA);
// 输出 [ 1, '小红', '小明', 2, 3, 4, 5, 6 ]

sort() – 对数组排序

let arrA = [1, 3, 5, 2, 1, 5, 8, 4, 2, 9];
let arrB = arrA.sort((a, b) => {
  // 从小到大排列 [ 1, 1, 2, 2, 3, 4, 5, 5, 8, 9 ]
  // return a - b;
  // 从大到小排列 [ 9, 8, 5, 5, 4, 3, 2, 2, 1, 1 ]
  return b - a;
});
console.log(arrB);

map() – 遍历数组

let arrA = [1, 2, 3, 4];
let arrB = arrA.map((e) => {
  return ++e; // 必须有return
});
console.log(arrB);
// 输出结果 [ 2, 3, 4, 5 ]