一、ES6中常用的方法有很多，以下是一些常见的方法及其案例解释：
- let 和 const：用于声明变量和常量，let 声明的变量可以被重新赋值，而 const 声明的常量不能被重新赋值。
let num = 10;
num = 20;
const PI = 3.14;
PI = 3.1415; // 报错，常量不能被重新赋值
- 箭头函数：一种更简洁的函数声明方式，可以省略 function 关键字和 return 关键字。
const add = (a, b) => a + b;
console.log(add(2, 3)); // 输出 5
- 模板字符串：用于拼接字符串，可以在字符串中插入变量或表达式。
const name = 'Monica';
console.log(`Hello, ${name}!`); // 输出 "Hello, Monica!"
- 解构赋值：一种快速获取对象或数组中元素的方式。
const person = { name: 'Tom', age: 20 };
const { name, age } = person;
console.log(name, age); // 输出 "Tom 20"
const arr = [1, 2, 3];
const [a, b, c] = arr;
console.log(a, b, c); // 输出 "1 2 3"
- Promise：一种用于处理异步操作的方式，可以链式调用多个异步操作。
const getData = () => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Data received');
}, 2000);
});
};
getData()
.then(data => console.log(data))
.catch(error => console.error(error));
二、JavaScript常用的方法：
- document.querySelector()：用于获取HTML文档中的元素，可以通过元素的id、class或标签名进行选择。
const element = document.querySelector('#myId');
- Array.prototype.map()：用于将数组中的每个元素按照指定规则进行转换，返回一个新的数组。
const numbers = [1, 2, 3, 4, 5];
const squares = numbers.map(num => num * num);
console.log(squares); // 输出 [1, 4, 9, 16, 25]
- Array.prototype.filter()：用于过滤数组中的元素，返回一个符合条件的新数组。
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // 输出 [2, 4]
- Array.prototype.reduce()：用于对数组中的元素进行累加或累乘等操作，返回一个累加或累乘后的结果。
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((prev, curr) => prev + curr);
console.log(sum); // 输出 15
- String.prototype.split()：用于将字符串按照指定分隔符进行分割，返回一个数组。
const sentence = 'The quick brown fox jumps over the lazy dog';
const words = sentence.split(' ');
console.log(words); // 输出 ["The", "quick", "brown", "fox", "jumps", "over", "the", "lazy", "dog"]
三、JavaScript数组常用方法：
- Array.prototype.push()：向数组末尾添加一个或多个元素，并返回新的数组长度。
const fruits = ['apple', 'banana'];
const newLength = fruits.push('orange');
console.log(fruits); // 输出 ["apple", "banana", "orange"]
console.log(newLength); // 输出 3
- Array.prototype.pop()：删除数组末尾的元素，并返回被删除的元素。
const fruits = ['apple', 'banana', 'orange'];
const deletedFruit = fruits.pop();
console.log(fruits); // 输出 ["apple", "banana"]
console.log(deletedFruit); // 输出 "orange"
- Array.prototype.slice()：从数组中提取一个子数组，返回一个新的数组。
const fruits = ['apple', 'banana', 'orange', 'pear'];
const slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits); // 输出 ["banana", "orange"]
- Array.prototype.concat()：将两个或多个数组合并成一个新的数组。
const arr1 = [1, 2];
const arr2 = [3, 4];
const newArr = arr1.concat(arr2);
console.log(newArr); // 输出 [1, 2, 3, 4]
- Array.prototype.forEach()：对数组中的每个元素执行一次指定函数。
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => console.log(num));
// 输出 1, 2, 3, 4, 5
- Array.prototype.find()：返回数组中第一个符合条件的元素。
const numbers = [1, 2, 3, 4, 5];
const evenNumber = numbers.find(num => num % 2 === 0);
console.log(evenNumber); // 输出 2
- Array.prototype.filter()：过滤数组中符合条件的元素，返回一个新的数组。
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // 输出 [2, 4]
- Array.prototype.map()：对数组中的每个元素执行一次指定函数，并将结果存入新的数组。
const numbers = [1, 2, 3, 4, 5];
const squares = numbers.map(num => num * num);
console.log(squares); // 输出 [1, 4, 9, 16, 25]
- Array.prototype.reduce()：对数组中的元素进行累加或累乘等操作，返回一个累计值。
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, cur) => acc + cur);
console.log(sum); // 输出 15
四、JavaScript中对象常用处理方法：
- Object.keys()：返回一个由对象的属性名组成的数组。
const person = { name: 'John', age: 30, city: 'New York' };
const keys = Object.keys(person);
console.log(keys); // 输出 ["name", "age", "city"]
- Object.values()：返回一个由对象的属性值组成的数组。
const person = { name: 'John', age: 30, city: 'New York' };
const values = Object.values(person);
console.log(values); // 输出 ["John", 30, "New York"]
- Object.entries()：返回一个由对象的属性名和属性值组成的二维数组。
const person = { name: 'John', age: 30, city: 'New York' };
const entries = Object.entries(person);
console.log(entries); // 输出 [["name", "John"], ["age", 30], ["city", "New York"]]
- Object.assign()：用于将多个对象合并成一个新的对象。
const person = { name: 'John', age: 30 };
const info = { city: 'New York', job: 'Engineer' };
const newPerson = Object.assign({}, person, info);
console.log(newPerson); // 输出 { name: "John", age: 30, city: "New York", job: "Engineer" }
以上是一些 以上是一些常用的JavaScript 常用的方法及其案例解释，还有很多其他的方法，可以根据需要去查阅文档。
