ES6函数部分和数组部分的小练习

基于前两篇文章,让ai给我们出以下十道练习题:

  1. 编写一个函数,接收一个字符串作为参数,返回该字符串的反转版本。
  2. 创建一个数组,使用map方法来将每个元素乘以2,并返回新数组。
  3. 定义一个对象,包含三个属性:name, agecity,然后编写一个函数,接收这个对象作为参数,打印出对象的name属性。
  4. 使用reduce方法来计算一个数组中所有数值的总和。
  5. 写一个匿名函数,接收任意数量的参数,并返回它们的平均值。
  6. 创建一个Set,包含数字1到10,然后将其转换为数组。
  7. 使用filter方法找出数组中所有的偶数,并返回一个新的数组。
  8. 写一个箭头函数,接收一个数组,返回数组中最大值和最小值的差。
  9. 创建一个类Person,拥有属性nameage,并且有一个方法introduce,用于打印自我介绍。
  10. 使用concat方法合并三个数组为一个。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
// 编写一个函数,接收一个字符串作为参数,返回该字符串的反转版本。
function FirstQuestion(A) {
    return A.split('').reverse().join('');
    // 使用 split() 方法将字符串分割成字符数组,
    // 然后使用 reverse() 方法反转这个数组,最后使用 join('') 方法将反转后的字符数组重新组合成一个字符串。
}
console.log(FirstQuestion('Hello'));
// 创建一个数组,使用map方法来将每个元素乘以2,并返回新数组。
let SecondQuestion = [1,2,3,5];
function map(B) {
    let result = [];
    for(let i of B) {
        result.push(i*2);
    }
    return result;
}
let result = map(SecondQuestion);
console.log(result);
// 定义一个对象,包含三个属性:name, age和city,然后编写一个函数,接收这个对象作为参数,打印出对象的name属性。o
var ThirdQuestion = {
    name : "xiaoming",
    age : 19,
    city : "guangzhou"
};
console.log(ThirdQuestion.name);

// 使用reduce方法来计算一个数组中所有数值的总和。
// 使用reduce方法来计算一个数组中所有数值的总和。
const FourthQuestion = [1, 2, 2, 3, 4, 5, 4];

const sum = FourthQuestion.reduce((acc, value) => acc + value, 0);

console.log(sum); // 输出: 17

// 写一个匿名函数,接收任意数量的参数,并返回它们的平均值。
// ...args 是一个rest参数,它可以捕获调用函数时传入的所有剩余参数,并将其作为一个数组args。
let FifthQuestion = function(...rest) {
    let sum =  rest.reduce((sum, value) => sum + value, 0)
    return sum/rest.length;
}
console.log(FifthQuestion(5,5,67,7));

// 创建一个Set,包含数字1到10,然后将其转换为数组。
const numSet = new Set([1,2,3,4,5,6,7,8,9,10]);
const numArray = Array.from(numSet);
console.log(numArray);

// 使用filter方法找出数组中所有的偶数,并返回一个新的数组。
let SeventhQuestion = [5,68,6,13,5,9];
console.log(SeventhQuestion.filter(num => num%2 === 0));

// 写一个箭头函数,接收一个数组,返回数组中最大值和最小值的差。
let EighthQuestion = [3,5,89,42,3];
function BigSmall(D) {
    D.sort();
    return D[D.length-1] - D[0];
}
console.log(BigSmall(EighthQuestion));

// 创建一个类Person,拥有属性name和age,并且有一个方法introduce,用于打印自我介绍。
class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    introduce() {
        console.log(`My name is ${this.name}, my age is ${this.age}.`);
        // 注意这里是反引号而不是单引号
    }
}
const one = new Person("xiaoming", 18);
one.introduce();

// 使用concat方法合并三个数组为一个。
let array1 = [1,2,3];
let array2 = [3,5,6];
let array3 = [8,9,7];
let array = array1.concat(array2);
let array4 = array.concat(array3);
console.log(array4);

</script>

相关推荐

  1. ES6函数部分数组部分练习

    2024-07-17 22:46:03       20 阅读
  2. es6 常用object归纳总结部分数组纠结总结

    2024-07-17 22:46:03       28 阅读
  3. ES6-11(第一部分

    2024-07-17 22:46:03       21 阅读
  4. es5es6 区别?

    2024-07-17 22:46:03       51 阅读
  5. es5es6区别

    2024-07-17 22:46:03       48 阅读
  6. Es6Es5区别?

    2024-07-17 22:46:03       25 阅读
  7. ES6数据处理函数(笔记)

    2024-07-17 22:46:03       52 阅读
  8. es6箭头函数普通函数有什么区别?

    2024-07-17 22:46:03       47 阅读
  9. ES6函数新增扩展

    2024-07-17 22:46:03       55 阅读
  10. ES6 Generator函数语法 (七)

    2024-07-17 22:46:03       20 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-17 22:46:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-17 22:46:03       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-17 22:46:03       58 阅读
  4. Python语言-面向对象

    2024-07-17 22:46:03       69 阅读

热门阅读

  1. 学习笔记(数据库)1

    2024-07-17 22:46:03       17 阅读
  2. 后端实现图片上传本地,可采用url查看图片

    2024-07-17 22:46:03       21 阅读
  3. 总览

    总览

    2024-07-17 22:46:03      18 阅读
  4. C4D S26新功能完整列表

    2024-07-17 22:46:03       24 阅读
  5. 大模型日报 2024-07-17

    2024-07-17 22:46:03       25 阅读
  6. 卡码网语言基础课 | 5. A+B问题⑤

    2024-07-17 22:46:03       22 阅读
  7. Web前端-Web开发CSS基础2-选择器

    2024-07-17 22:46:03       17 阅读
  8. 448. 找到所有数组中消失的数字

    2024-07-17 22:46:03       20 阅读
  9. 洛谷P1255 数楼梯

    2024-07-17 22:46:03       20 阅读
  10. C#后台向某个网站发送Get或者Post请求

    2024-07-17 22:46:03       26 阅读
  11. c#中的事件

    2024-07-17 22:46:03       24 阅读
  12. 用python写一个爬虫,爬取google中关于蛇的照片

    2024-07-17 22:46:03       21 阅读