ES5 ES6常用数组方法

1. forEach 遍历数组元素

var a = [1, 2, 3, 4, 5];
var b = [];
a.forEach((item) => {
    b.push(item + 1);
});
console.log(b); // [2,3,4,5,6]

2.filter 过滤数组,返回新数组

var a1 = ['a', 10, 'b', 20, 'c', 30];
var a2 = a1.filter((item)=> {
    //callback必须返回true或者false,返回true保留该元素,false不保留。
    return typeof item === 'number';
     });
console.log(a2); // [10,20,30]

3.map:方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组(不修改原数组)

var a = [1, 2, 3, 4, 5]
var b2 = a.map((item) => {
      if(item >3){
        return item;
      }
  });
console.log(b2);   // [undefined, undefined, undefined, 4, 5]

4. every: 测试数组中所有元素是否都通过了指定函数的测试

var a = [1, 2, 3, 4];
  var bb = a.every((item) => {
      return item > 2;
  });
  console.log(bb); // false

5. some: 测试数组中是否至少有一项元素通过了指定函数的测试

  var cc = a.some((item) => {
      return item > 2;
  });
  console.log(cc);// true

6.includes: 用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。

let arr =[2,3,4,5,6,7]
let newarr = arr.includes(2) //true
let newarr = arr.includes(10)//false

7. find: 返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。


let arr =[2,3,4,5,6,7]
let newarr = arr.find( element =>element >3)
console.log(newarr );// [4]

8.findIndex:返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。

let arr =[2,3,4,5,6,7]
let newarr = arr.findIndex( element =>element >3)
console.log(newarr );// 2

9.indexOf :返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。

const sisters = ['a', 'b', 'c', 'd', 'e'];
console.log(sisters.indexOf('b'));
// 1

indexOf 与 findIndex 区别:

  • indexOf :查找值作为第一个参数,采用 === 比较,更多的是用于查找基本类型,如果是对象类型,则是判断是否是同一个对象的引用
  • findIndex :比较函数作为第一个参数,多用于非基本类型(例如对象)的数组索引查找,或查找条件很复杂
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当谈论到 JavaScript 语言时,ES5ES6 是两个常用的术语,它们分别代表着 ECMAScript 5 和 ECMAScript 6,是 JavaScript 的两个主要版本。 ES5JavaScript 的第五个 ECMAScript 标准,于2009年发布。它引入了许多重要的语言特性,包括严格模式、数组的一些新方法(如 forEach、map、filter 等)、Object.defineProperty() 方法、JSON 对象、Function.prototype.bind() 方法等。 ES6(也称为 ES2015)是 JavaScript 的第六个 ECMAScript 标准,于2015年发布。它引入了许多令人兴奋的新特性和语法改进,如箭头函数、类和模块、解构赋值、默认参数值、扩展运算符、Promise、模板字符串等。 以下是 ES5ES6 之间的一些主要区别: 1. 语法:ES6 引入了更简洁和直观的语法,如箭头函数、模板字符串和解构赋值。这些语法改进使得代码更易读和编写。 2. 类和模块:ES6 引入了类和模块的概念,使得面向对象编程更加方便和易用。在 ES5 中,我们通常使用原型和构造函数来实现类的概念。 3. 扩展运算符:ES6 引入了扩展运算符(...),它可以用于数组和对象的展开操作,使得操作更加方便。 4. 箭头函数:ES6 引入了箭头函数,它提供了更简洁的函数定义方式,并且自动绑定了上下文,避免了 this 指向的困扰。 5. Promise:ES6 引入了 Promise,它是一种处理异步操作的机制,使得异步编程更加简洁和可读。 除此之外,ES6 还引入了许多其他特性,如块级作用域、默认参数值、生成器函数、模块化等,这些特性在 ES5 中是不可用的。 总的来说,ES6JavaScript 语言进行了一系列的改进和扩展,使得我们能够更加方便地编写现代化的、可维护的 JavaScript 代码。然而,由于兼容性考虑,有些新特性需要通过编译或者使用转译工具才能在所有浏览器上运行。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值