课堂练习

发布时间 2023-07-03 09:34:01作者: miriz
1. 箭头函数: 编写一个箭头函数,接受两个参数并返回它们的和。
   const sum = (a, b) => a + b;

console.log(sum(2, 3)); // 输出:5
2. 解构赋值: 给定一个数组`[1, 2, 3]`,使用解构赋值将数组中的元素分别赋值给变量`a`、`b`和`c`。
   const array = [1, 2, 3];
   const [a, b, c] = array;

console.log(a, b, c); // 输出:1 2 3
3. 默认参数: 编写一个函数,接受两个参数:`name`和`age`。如果`name`参数未提供,则将其默认设置为"Unknown",如果`age`参数未提供,则将其默认设置为0。函数应该返回一个包含提供的名称和年龄的对象。
   const createPerson = (name = "Unknown", age = 0) => {
   return {
   name,
   age
   };
   };

console.log(createPerson("Alice", 25)); // 输出:{ name: "Alice", age: 25 }
console.log(createPerson()); // 输出:{ name: "Unknown", age: 0 }
4. 模板字符串: 编写一个函数,接受一个参数`name`,并返回一个使用模板字符串创建的字符串,其中包含该名称。
   const greet = (name) => {
   return `Hello, ${name}!`;
   };

console.log(greet("Alice")); // 输出:"Hello, Alice!"
5. 展开运算符: 给定两个数组`arr1 = [1, 2, 3]`和`arr2 = [4, 5, 6]`,使用展开运算符将这两个数组合并成一个新数组。
   const arr1 = [1, 2, 3];
   const arr2 = [4, 5, 6];
   const mergedArray = [...arr1, ...arr2];

console.log(mergedArray); // 输出:[1, 2, 3, 4, 5, 6]
6. 箭头函数和模板字符串: 编写一个箭头函数`greet`,接受一个名字作为参数,并返回一个字符串,形如:"Hello, [name]!" 使用模板字符串实现。
   const greet = (name) => {
   return `Hello, ${name}!`;
   };

console.log(greet("Alice")); // 输出:"Hello, Alice!"
7. 解构赋值和默认值: 编写一个函数`getUserInfo`,接受一个对象作为参数,包含`name`和`age`属性。使用解构赋值和默认值,返回一个字符串,形如:"Name: [name], Age: [age]". 如果未提供对象参数,则使用默认值{name: "Anonymous", age: 0}。
   const getUserInfo = ({ name = "Anonymous", age = 0 } = {}) => {
   return `Name: ${name}, Age: ${age}`;
   };

console.log(getUserInfo({ name: "Alice", age: 25 })); // 输出:"Name: Alice, Age: 25"
console.log(getUserInfo()); // 输出:"Name: Anonymous, Age: 0"
8. 扩展运算符和数组操作: 编写一个函数`mergeArrays`,接受两个数组作为参数,并返回一个新数组,其中包含两个数组中的所有元素。使用扩展运算符实现。
   const mergeArrays = (arr1, arr2) => {
   return [...arr1, ...arr2];
   };

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
console.log(mergeArrays(array1, array2)); // 输出:[1, 2, 3, 4, 5, 6]