网站前端交互与特效该怎么做

1.有一个数组arr=[ {name: "张凡",age: 20}, {name: "王春",age: 21}, {name: "张贺",age: 22} ],请使用for循环遍历这个数组,输出每个人的名字和年龄?

2.请创建一个函数能返回任意两个数相乘的结果,并调用它得到3*5的值?

3.编写一个箭头函数,调用箭头函数并传入参数("张凡"、17)最终输出:我叫张凡今年17(注意使用字符串模板)。

4.有一个num.txt文件,文件中有一个JSON对象字符串{ "data": [0,25,87,54,62,34,15,78] }读取num.txt文件中的内容,并求出读取到数据中所有的数之和。请用编程实现

交互的话,就是读取本地文件,然后转成json对象赋给相应的变量

特效的话,可以使用js控制css的改变

var i;
for(i=0;i<arr.length;i++){

    console.log(arr[i].name+","+arr[i].age);
}

 

你这是刚学吧,

1 上面回答了

2 function multiply(a,b){

return a*b

}

调用就是 multiply(3,5) //输出 为15

3箭头函数一样的 let back = (a,b)=>{

return '我叫'+a+'今年'+b

}

back("张凡",17) 的返回值就是了

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script>
        // 1
        let arr = [{
            name: "张凡",
            age: 20
        }, {
            name: "王春",
            age: 21
        }, {
            name: "张贺",
            age: 22
        }]
        for (let index = 0; index < arr.length; index++) {
            console.log(arr[index].name + '--------' + arr[index].age);
        }

        //2
        function ride(num1, num2) {
            return num1 * num2
        }
        console.log(ride(3, 5)); 

        //3
        let tplfunc = (name,age) => `我叫${name}今年${age}`

        console.log(tplfunc('张凡',17)); 

        //4
        async function totalNum() {
            let total = 0
            await $.ajax({
                url: './num.txt',
                type: "GET",
                success: function (data) {
                    total = JSON.parse(data).data.reduce((a, b) => {
                        return a + b
                    }, 0)
                }
            })
            console.log(total);
        }
        totalNum()
    </script>
</body>

</html>