javascript 06day（入门）

最新推荐文章于 2024-09-07 16:59:31 发布

pandaHe_Status

最新推荐文章于 2024-09-07 16:59:31 发布

阅读量589

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43321726/article/details/103858952

版权

前端专栏收录该内容

101 篇文章 2 订阅

订阅专栏

while循环，通过敲小例子进行记忆（while语句可以在表达式为真的情况下，循环执行某段指定的代码，直到表达式不为真时结束循环）

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var sum = 0;
        var j = 1;
        while (j <= 100) {
            sum += j;
            j++
        }
        console.log(sum)
        var message = prompt('你爱我么？');
        while (message !== '我爱你') {
            message = prompt('不行，你必须爱我；告诉我你爱我吗？');
        }
        alert('我也爱你啊！');
    </script>
</head>

<body>

</body>

</html>

在这里插入图片描述

do while小案例（跟while的区别是，是会先执行一次代码，然后再按照while方法）

<script>
        var sum = 0;
        var j = 1;
        while (j <= 100) {
            sum += j;
            j++
        }
        console.log(sum)
        var message = prompt('你爱我么？');
        while (message !== '我爱你') {
            message = prompt('不行，你必须爱我；告诉我你爱我吗？');
        }
        alert('我也爱你啊！');
    </script>
    <script>
        var i = 1;
        do {
            console.log('这个人今年' + i + '岁了');
            i++;

        } while (i <= 100)
        var sum = 0;
        var j = 1;
        do {
            sum += j;
            j++;

        } while (j <= 100)
        console.log(sum);
        var message1 = prompt('你爱我么？');
        while (message1 !== '我爱你') {
            message1 = prompt('你爱我吗？');
        }
        alert('我也爱你啊！');
    </script>

在这里插入图片描述
continue关键字用于立即跳出循环，继续下一次循环

<script>
        for (var i = 1; i <= 5; i++) {
            if (i == 3) {
                continue;
            }
            console.log('我正在吃第' + i + '个苹果');
        }
    </script>

break关键字用于立即退出整个循环

<script>
        for (var n = 1; n <= 5; n++) {
            if (n == 3) {
                break;
            }
            console.log('我正在吃第' + n + '个苹果');
        }
    </script>

在这里插入图片描述
循环小结
数组（就是一组数据的集合存储在单个变量下的优雅方式）
⚠️的地方，索引从0开始，数据之间逗号分隔，中括号。。。

遍历数组和长度

var arr=['red',1,2,3];
for (var i = 0; i < 3;i++){
   console .log(arr[i]};
   console.log(arr.length);

数组小案例

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 数组的和以及平均值 -->
    <script>
        var arr = [2, 4, 5, 6, 7];
        var sum = 0;
        var average = 0;
        for (var i = 0; i < arr.length; i++) {
            sum += arr[i];
        }
        average = sum / arr.length;
        console.log(sum, average);
    </script>
</head>

<body>

</body>

</html>

数组小案例

<script>
        var arr = [2, 3, 4, 5, 6, 7];
        var max = arr[0];
        for (var i = 1; i < arr.length; i++) {
            max = arr[i];
        }
        console.log('该数组最大的值是：' + max)
    </script>

在这里插入图片描述数组转换为字符串

<script>
        var arr = ['red', 'yellow', 'pink', 'blue'];
        var str = '';
        for (var i = 0; i < arr.length; i++) {
            str += arr[i] + '|';
        }
        console.log(str);
    </script>

在这里插入图片描述
数组中新增元素

var arri = ['red', 'yellow', 'blue'];
        arri[3] = 'pink';
        console.log(arri);

在这里插入图片描述数组存放一百个值

var arr2 = [];
        for (var i = 0; i < 100; i++) {
            arr2[i] = i + 1;
        }
        console.log(arr2);

在这里插入图片描述删除数组指定元素

var arr = [0, 2, 5, 2, 3, 2, 5, 2, 0, 4, 6, 3, 0];
        var newArr = [];
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] != 0) {
                newArr[newArr.length] = arr[i];
            }
        }
        console.log(newArr);

在这里插入图片描述
翻转数组

 var arr = ['red', 'yellow', 'blue'];
        var newArr = [];
        for (var i = arr.length - 1; i >= 0; i--) {
            newArr[newArr.length] = arr[i];
        }
        console.log(newArr);

在这里插入图片描述冒泡排序(算法）

var arr = [5, 3, 4, 2, 1];
        for (var i = 0; i <= arr.length - 1; i++) {
            for (var j = 0; j <= arr.length - i - 1; j++) {
                if (arr[j] > arr[j + 1]) {
                    var temp = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = temp;
                }
            }
        }
        console.log(arr);