JavaScript-20220804

goto_w

已于 2022-08-04 16:34:32 修改

阅读量588

点赞数 2

分类专栏： js基础语法文章标签： javascript 开发语言

于 2022-08-04 10:53:02 首次发布

本文链接：https://blog.csdn.net/qq_52696618/article/details/126155407

版权

js基础语法专栏收录该内容

33 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript的基础知识，包括switch语句、三元运算、循环结构及其控制语句、运算符优先级，并提供了多个实战练习，如计算1-100以内偶数和、打印三角形、梯形、分数计算、阶乘求和、输出素数、模拟弹篮球、实现99乘法表、银行存钱问题以及猴子摘桃问题。每个练习都展示了如何运用JavaScript解决问题。

摘要由CSDN通过智能技术生成

0803内容复习

1、switch语句
    switch(表达式){
        case 值1:
            代码块
            break;
        ...
        default：
            所有的case都不满足 就执行default代码块
            break;
    }
    如果case中 不使用break语句  导致就会继续向下执行 不会判断下一个case是否满足
    注意：表达式与每一个值是进行全等判断。if 是可以表示范围的条件 但是switch推荐是直接值相等判断
2、三元 
    作用：简化if...else语句
    语法：表达式?代码1:代码2
3、循环
    1、作用：重复的执行某些代码段(可能针对于每次做的事情不一样)
    2、循环四要素
        1、循环做什么
        2、循环控制变量初始化
        3、循环控制变量条件
        4、循环控制变量变化
    3、while语句
        初始化语句
        while(表达式){
            循环体代码
            变量变更
        }
    4、do while语句
        初始化语句
        do{
            循环体代码
            变量变更
        }while(条件)
    5、for循环
        for(初始化循环控制变量;条件;循环变量变更){
            //循环体代码
        }
    6、循环的控制语句
        break:只要遇到break就退出循环
        continue:遇到continue 是当前这一次循环退出 后面次数的循环继续
4、运算符的优先级
    先一元运算(++,--,.,[])>二元运算符(针对两个内容/变量使用的运算符)>三元运算符(?:)
    如果不清楚优先级了 打括号

习题

1-100以内的偶数和

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
    // 打印100以内所有偶数的和
    var sum = 0;
    for (var i = 1; i <= 100; i++) {
        // if(i % 2 == 0){
        //     sum += i;
        // }
        sum += (i % 2 == 0) ? i : 0;
    }
    console.log(sum);
</script>

</html>

3-打印三角形

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

<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
	/*
	完成一个三角形打印功能 在页面上显示如下效果

	
	*
	* *
	* * *
	* * * *
	* * * * *
	* * * * * *
*/
	for (var i = 1; i <= 6; i++) {
		// 实现每一行的星号
		for (var j = 1; j <= i; j++) {
			document.write('* ');
		}
		document.write('<br/>');
	}
</script>

</html>

4-打印梯形

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

<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
	/*
	完成一个梯形打印功能 在页面上显示如下效果

	* * *
	* * * *
	* * * * *
	* * * * * *
 */

	for (var i = 3; i <= 6; i++) {
		// 实现每一行的星号
		for (var j = 1; j <= i; j++) {
			document.write('* ');
		}
		document.write('<br/>');
	}
</script>

</html>

5-分数的计算

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
    //求出1 - 1/2 + 1/3 - 1/4 …..1/100的和 var i=1; 
    // 1 = 1/1
    // a-b  = a + (-b)
    var sum = 0;

    for (var i = 1; i <= 100; i++) {
        if (i % 2 == 0) {
            sum += -1 / i
        } else {
            sum += 1 / i
        }

    }
    console.log(sum);
</script>

</html>

6-求阶乘的和

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
    // 求1+2!+3!+...+20!的值
    // 1、计算指定数字的阶乘
    // var j = 5;
    // var sum = 1;
    // for (var i = 1; i <= j; i++) {
    //     sum *= i;
    // }
    // console.log(sum);
    var total = 0;
    for(var j = 1 ;j<=20;j++){
        var sum = 1;
        for (var i = 1; i <= j; i++) {
            sum *= i;
        }
        total += sum;
    }
    console.log(total)

</script>

</html>

7-输出素数

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
    // 输出100-200之间所有的素数  (素数，就是除了1和自己本身，不能被别的数整除)
    // 提示 可以先确定一个数是否是素数  然后在找区间所有的
    // 确定一个数是否为素数时可以使用假设法
    // 1、实现 判断指定数字是否为素数
    // var number = 102;
    // 想要判断一个数字是否是素数需要使用这个数字分别除以 2、3、4、5...number 如果所有的数字全部无法除尽就证明是素数。所以只要有一个数字可以除尽就不是素数(一定要所有数字全部除一次才可以证明是素数)
    // 假设法：这个数字就是素数
    // var flag = true; //true表示数字是素数
    // for (var i = 2; i < number; i++) {
    //     if (number % i == 0) {
    //         // 证明当前这个数不是素数
    //         flag = false;
    //         break;
    //     }
    // }
    // 前面假设数字是素数，如果 在for循环中 从来没有满足过if条件 说明 没有一个数被整除
    // if (flag) {
    //     console.log('数字' + number + '是素数')
    // } else {
    //     console.log('数字' + number + '不是素数')
    // }

    for (var k = 100; k <= 200; k++) {
        var flag = true; //true表示数字是素数
        for (var i = 2; i < k; i++) {
            if (k % i == 0) {
                // 证明当前这个数不是素数
                flag = false;
                break;
            }
        }
        if(flag){
            console.log(k+'是素数');
        }
        // flag && console.log(k+'是素数');
    }
</script>

</html>

8-弹篮球

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
    // 篮球从5米高的地方掉下来，每次弹起的高度是原来的30%，经过几次弹起，篮球的高度小于0.1米。 提示：使用死循环 配合break完成
    var height = 5;
    var number = 0;
    while (true) {
        height = height * 0.3
        number++;
        if (height < 0.1) {
            break;
        }
    }
    console.log(number);
</script>

</html>

9-输出99乘法

<!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>
        var str = '<table>';
        for (var i = 1; i <= 9; i++) {
            str += '<tr>';
            for (var j = 1; j <= i; j++) {
                console.log(i, j);
                str += '<td>' + j + ' * ' + i + ' = ' + (i * j) + ' </td>';
                // str += `<td>${i}*${j} = ${i*j}</td>`;  模板字符  ES6语法
            }
            str += '</tr>';
        }
        str += '</table>';
        document.write(str);
    </script>
</body>

</html>

10-银行存钱

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
    // 某人在银行有50000元存款。银行每月都要收取服务费，存款大于5000元时每个月收取总额的5%，总额不大于5000元的时候不收服务费；假设这个人存了以后从来都不用，用循环计算银行要扣这个人的手续费能扣多少次？每次扣取后剩余多少钱？
    var money = 50000;
    var number = 0;
    while (true) {
        number++;
        money = money * 0.95
        console.log('第' + number + '月 还剩' + money);
        if (money <= 5000) {
            break;
        }
    }
</script>

</html>

11-猴子摘桃

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Document</title>
</head>

<body>

</body>
<script type="text/javascript">
    // 猴子偷桃，猴子摘了x个桃，每天吃一半，再多吃一个，第7天吃的时候剩下一个了，猴子摘了多少桃子？
    /*
        第七天  1个
        第六天  y/2-1 = 第七天个数  y = (第七天的个数+1)*2 = 4
        第五天   y = 10
    */
    var number = 1;
    for (var i = 6; i >= 1; i--) {
        number = (number + 1) * 2;
        console.log('第' + i + '天的数量:' + number)
    }
</script>

</html>

当天内容--数组

<!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>
        // 1、创建数组
        // [] 是创建数组的字面量(特殊的符号 有一定含义)
        // 其中 98、80...这些就是数组中的元素，数组中每一个元素可以是任意数据类型(可以是数字、字符串、布尔、数组、对象)
        var arr = [98,80,29,87];
        console.log(arr);

        // 2、通过序号(下标)访问到数组中元素 变量名称[序号]
        console.log(arr[0]);
        // 3、获取数组长度 就是数组时数
        // 数组中最大下标 一般为数组长度-1
        arr = [98,80,29,87];
        console.log(arr.length)

        // 4、数组遍历
        // 数组遍历 将数组中每一个元素取出，取出之后 可以进行其他的逻辑操作
        for(var i = 0;i<arr.length;i++){
            console.log(arr[i])
        }
        // 5、数组元素的修改
        arr = [98,80,29,87];
        arr[0] = arr[0]*0.5
        console.log(arr)

        

    </script>
</body>
</html>