数组的方法总结及用法

数组中的静态方法

Array.from()

作用：将程序中的伪数组转化为真正的数组

注意：用构造函数访问 Array

数组中的实例方法

注意：用实例对象访问

0，增加

数组实例对象.push() 末尾添加值

数组实例对象.unshift() 开始添加值

返回值: 返回一个数组长度

0，删除

数组实例对象.pop() 末尾删除值

数组实例对象.shift() 开头删除值

返回值: 返回一个删除的数组

1，翻转

语法: 数组实例对象.reverse();

作用: 将数组中的值进行翻转

返回值: 返回一个翻转后的一个数组

2，合并

语法：数组实例对象.concat(要合并的数组);

作用: 合并数组

返回值: 返回一个合并后的一个数组

3，join

语法：数组实例对象.join('一个特殊符号');

作用:在数组中加入一个特殊符号，得到一个新的字符串 就是在值的后面添加

返回值: 返回值就是一个字符串

4，找值

语法： 数组实例对象.indexOf(值) 从前往后找，找到立即返回

数组实例对象.lastIndexOf(值) 从后往前找，找到立即返回

作用: 检索数组中的值 查找数组中是否包含某个值

返回值:返回的结果是一个数字,如果是-1代表没有该值，如果返回的不是-1，则代表有该值，返回的是该值的对应的索引值

语法：数组实例对象.some()(值) 

作用:判断数组的每个元素是否    有    满足条件的（得到Boolean值）

console.log([3, 2, 8, 5, 9].some(item => item > 5))

语法：数组实例对象.every()(值) 

作用:判断数组的每个元素是否    都    满足条件

console.log([3, 2, 8, 5, 9].every(item => item > 1))

返回值：得到Boolean值，符合条件 true    不符合条件  false

5，删除

语法：数组实例对象.splice(index,length,[参数列表，新增的值])

作用: index 代表从哪删除，length 删除几个

返回值:删除的一个数组

6，截取

语法：数组实例对象.slice(start,end)

作用: start代表从哪截，end截到哪

返回值:截取的一个数组

7，遍历

语法：数组实例对象.forEach(function(item, index){})

作用：遍历数组(和for一样) item指的是被遍历数组中的值（值、索引号） index 指的是对应索引

返回值：无

 [3, 2, 8, 5, 9].forEach((item, index, self) => {
      // item表示数组的每个元素
      // index表示元素的下标
      // self表示当前的数组
     console.log(item)
    });

语法：数组实例对象.filter(function(item, index){})

作用：过滤筛选数组 return item % 2 ==0

返回值：一个新数组，将数组遍历后,满足条件的结果以数组的形式返回

let result = [3, 2, 8, 5, 9].filter(item => {
//   // return 条件
  return item > 4;
});
 console.log(result); // 把符合条件的留下，其他的过滤掉

// let result = [3, 2, 8, 5, 9].filter(item => item > 4);
// console.log(result);

语法：数组实例对象.map(function(item, index){})

作用：迭代原数组,生成新数组 return item +'|'

返回值：数组中的个数和原数组的个数一样,将处理后的结果直接返回(数组中的个数不会少)

console.log([3, 2, 8, 5, 9].map(item => item * item));

应用场景推荐:

forEach 一般就是用来遍历数组的 (与for循环一样)

filter 一般用来筛选遍历的

map 一般是对原数组值进行修改遍历的 (映射)

8，累加

语法：数组实例对象.reduce(function(item, index){}, 初始值)

作用：计算数组元素的和

返回值：一个计算后的数字

// 写法1：给初始值
// let result = [3, 2, 8, 5, 9].reduce(箭头函数, 100);
let result = [3, 2, 8, 5, 9].reduce((sum, item) => {
  // sum = 100 初始值
  // item = 3 数组的第1个元素
  return sum += item;
}, 100);

console.log(result);


// 写法2：不给初始值
 let result1 = [3, 2, 8, 5, 9].reduce((sum, item) => {
//   // 默认，sum = 0
//   // 默认，item = 3（数组的第1个元素）
   return sum += item;   // sum = 27
 });

 console.log(result1);

// console.log([3, 2, 8, 5, 9].reduce((sum, item) => sum += item))

9,sort排序

数组实例对象.sort()

默认是从小到大排序

let ary=[1,2,3,99,5,4]
console.log(ary.sort())

• 若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
• 若 a 等于 b，则返回 0。
• 若 a 大于 b，则返回一个大于 0 的值。
• sort(a-b)

目录

数组中的静态方法

数组中的实例方法

---