匿名用户

外观

返回顶部
本页目录

ES6常用语法

箭头函数

javascript
// 常规写法
function print() {
  console.log("呜呜呜，今天打王者荣耀连着输了6把！");
}
// 箭头函数
const ft = ()=> console.log("呜呜呜，今天打王者荣耀连着输了6把！");
// 调用函数
ft();

解构

数组解构

数组 - 传统方式：

javascript
const num =[0,1,2,3];
const a= num[0];
const b= num[1]
console.log(a+b);

es6解构：

javascript
let [a, b] = [0, 1, 2, 3];
console.log(a + b);

对象 - 传统方式：

javascript
let user = {name:"张三",age:19};
let name = user.name;
let age = user.age;
console.log("姓名:"+name+",年龄:"+age);

es6解构：

javascript
let { name, age } = { name: "张三", age: 19 };
console.log("姓名:" + name + ",年龄:" + age);

数组操作

合并数组

javascript
let u1 = ['张三', '李四', '王五'];
let u2 = ['张无忌', '赵敏', '周芷若'];
let u3 = [...u1, ...u2];
console.log(u3);

includes

includes 用来判断该数组是否包含某个值，返回值是布尔值

javascript
let users = ['张三','李四'];
let res = users.includes('张三');
console.log(res);

find

find 用来找到第一个符合条件的成员，没有找到返回 undefined

javascript
let users = [{ name: '张三', age: 18 }, { name: '李四', age: 20 }];
let user = users.find((item, index) =>
  item.age > 18
)
console.log(user);

findIndex

findIndex 用来找到第一个符合条件的成员的索引，没有的话返回 -1

javascript
let users = [{ name: '张三', age: 18 }, { name: '李四', age: 20 }];
let index = users.findIndex((item, index) =>
  item.age > 18
)
console.log(index)

filter

filter 用来返回一个满足条件的新数组，不满足条件返回空数组

javascript
let users = [{ name: '张三', age: 18 }, { name: '李四', age: 20 }];
let array = users.filter((item, index) =>
    item.age > 21
)
console.log(array);

map

map 用来返回一个对成员进行加工之后的新数组

javascript
let users = [{ name: '张三', age: 18 }, { name: '李四', age: 20 }];
let array = users.map((item, index) => {
  item.name += "666";
  item.age += 10;
  return item;
})
console.log(array);