ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析

字符串

模板字符串

ES6引入了模板字符串，可以使用反引号(``)来定义字符串，也可以在其中使用大括号({})来插入变量或表达式。

示例：

const name = "张三";
const age = 18;

console.log(`我的名字是${name}，今年${age}岁了`);

includes()方法

includes()方法用于判断一个字符串中是否包含另一个字符串，返回布尔值。

示例：

const str = "Hello World";

console.log(str.includes("World")); // true
console.log(str.includes("JavaScript")); // false

startsWith()方法和endsWith()方法

startsWith()方法用于判断一个字符串是否以另一个字符串开头，返回布尔值。

endsWith()方法用于判断一个字符串是否以另一个字符串结尾，返回布尔值。

示例：

const str = "Hello World";

console.log(str.startsWith("Hello")); // true
console.log(str.startsWith("World")); // false

console.log(str.endsWith("World")); // true
console.log(str.endsWith("Hello")); // false

数组

解构赋值

解构赋值可以让我们一次性地将数组或对象中的多个值赋值给多个变量。

示例：

const arr = [1, 2, 3];

const [a, b, c] = arr;

console.log(a, b, c); // 1 2 3

展开运算符

展开运算符可以将一个数组转成用逗号分隔的参数序列，或者将一个对象转成用逗号分隔的键值对序列。

示例：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const newArr = [...arr1, ...arr2];

console.log(newArr); // [1, 2, 3, 4, 5, 6]

const obj1 = { name: "张三", age: 18 };
const obj2 = { gender: "male" };

const newObj = { ...obj1, ...obj2 };

console.log(newObj); // { name: "张三", age: 18, gender: "male" }

Array.from()方法

Array.from()方法可以将一个类似数组的对象或可遍历对象转化成一个新的数组。

示例：

const obj = { 0: "a", 1: "b", 2: "c", length: 3 };

const arr = Array.from(obj);

console.log(arr); // ["a", "b", "c"]

对象

对象的扩展运算符

对象的扩展运算符允许将对象的属性复制到另一个对象中去，同时也可以添加新的属性。

示例：

const obj1 = { name: "张三", age: 18 };
const obj2 = { ...obj1, gender: "male" };

console.log(obj2); // { name: "张三", age: 18, gender: "male" }

Object.assign()方法

Object.assign()方法可以将多个对象合并成一个对象。

示例：

const obj1 = { name: "张三", age: 18 };
const obj2 = { gender: "male" };

const newObj = Object.assign(obj1, obj2);

console.log(newObj); // { name: "张三", age: 18, gender: "male" }

函数

箭头函数

箭头函数是一个更简洁的函数定义方式，可以用来代替函数表达式。

示例：

const arr = [1, 2, 3];

const newArr = arr.map(item => item * 2);

console.log(newArr); // [2, 4, 6];

剩余参数

剩余参数可以用来表示函数接受不定数目的参数，将它们作为一个数组传入函数。

示例：

function myFunc(a, b, ...args) {
  console.log(a); // 1
  console.log(b); // 2
  console.log(args); // [3, 4, 5]
}

myFunc(1, 2, 3, 4, 5);

以上就是ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析的完整攻略，希望对您有所帮助。