ES6 常用代码汇总

最新推荐文章于 2025-06-11 12:01:02 发布

原创最新推荐文章于 2025-06-11 12:01:02 发布 · 366 阅读

1 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

3 篇文章

订阅专栏

博客主要汇总了ES6常用代码，ES6是前端开发重要技术，这些代码能提升开发效率，在前端项目中有广泛应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 模板字符串
let name = 'Brady';
let statement = `Hello, ${name}`;

// 箭头函数
let hello = () => statement;

// 默认参数
let say = (name = 'Brady') => {
  return `Hello, ${name}`;
}

// 展开运算符
let call = (a, b) => {
  return `${a}, ${b}`;
}
let names = ['Brady', 'Lucy'];
call(...names);

// Object - keys所有键、values所有值、entries对象转数组
let obj = {name: 'Brady', age: 32}
Object.keys(obj);
Object.values(obj);
Object.entries(obj);

// 计算属性
let name1 = 'name'
let obj1 = {[name1]: 'Lily'};

// 解构
let [arg1, arg2] = ['Brady', 'Lucy'];

// 数组遍历
[1, 2, 3].forEach((value, index) => { return `${index}-${value}`});

// 映射新数组
let arr = [1, 2, 3].map(item => item * 2);

// 数组中所有元素是否都满足条件
[1, 2, 3, 4].every(item => item > 3);

// 数组中是否有元素满足条件
[1, 2, 3, 4].some(item => item > 3);

// 数组过滤
[1, 2, 3, 4, 5].filter(item => item > 3);

// 数组连接
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [...arr1, arr2];

// 数组去重
let arr4 = [1, 2, 3, 4, 3, 2, 1];
let arr5 = [...new Set(arr4)];