Javascript-for循环遍历

简介: Javascript-for循环遍历

Javascript中for循环


循环思想 : 满足一定条件,重复执行一个动作或一段代码。


Javascript中实现循环的语句


  1. while
  2. do while
  3. for


Javascript中当型循环


循环初值;
while(循环条件){
    语句组;
    步长;
}


Javascript中直到型循环


循环初值;
do{
    语句组;
    步长;
}while(循环条件);


Javascript中多功能循环


for(循环初值;循环条件;步长){
    语句组;
}


循环遍历案例

<!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 arr = []; //成绩
        var n = parseInt(prompt('请输入班级中的人数:'));
        arr = fnInputScore(arr,n);
        console.log(arr);
        //封装一个输入成绩的函数
        function fnInputScore(arr,n){
            //arr : 接收一个放置成绩的数组
            //n : 接收这个班级的人数
            //遍历(一个一个的)数组,接收成绩
            for(var i = 0;i < n; i ++){
                arr[i] = parseInt(prompt('请输入第' + (i + 1) + '个成绩:'));
            }
            return arr;
        }
        //求总成绩
        function fnSum(arr){
            //遍历数组,取出成绩
            // i : 循环变量,表示数组中的下标,从0开始
            // len : 获取数组当前的长度
            // sum : 放置和的结果,再没有求和前,初值为0
            for(var i = 0,len = arr.length,sum = 0;i < len;i ++){
                sum += arr[i]; //从数组中取出每一个成绩相加
            }
            return sum;
        }
        var sum = fnSum(arr);
        console.log('总成绩:' + sum); //总成绩
        //平均成绩
        function fnAvg(sum,n){
            return (sum / n).toFixed(2);
        }
        var avg = fnAvg(sum,n);
        console.log('平均成绩:' + avg);
        //最高成绩
        function fnMax(arr){
            //取出数组中第一个成绩
            var max = arr[0];
            //遍历出数组中的每一个成绩
            for(var i = 0,len = arr.length;i < len;i ++){
                if(max < arr[i]){
                    max = arr[i];
                }
            }
            return max;
        }
        console.log('最高成绩:' + fnMax(arr));
        //最低成绩
        function fnMin(arr){
            //取出数组中第一个成绩
            var min = arr[0];
            //遍历出数组中的每一个成绩
            for(var i = 0,len = arr.length;i < len;i ++){
                if(min > arr[i]){
                    min = arr[i];
                }
            }
            return min;
        }
        console.log('最低成绩:' + fnMin(arr));
    </script>
</body>
</html>


目录
相关文章
|
2月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
49 1
|
2月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
31 0
|
JavaScript 前端开发
6种JavaScript中常见的循环遍历
6种JavaScript中常见的循环遍历
|
7月前
|
JavaScript 索引
JS 几种循环遍历
JS 几种循环遍历
24 0
JS 几种循环遍历
|
7月前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
95 0
|
JavaScript 前端开发
javascript百炼成仙 第一章 掌握JavaScript基础 1.9 循环遍历的奥妙
javascript百炼成仙 第一章 掌握JavaScript基础 1.9 循环遍历的奥妙
249 0
|
缓存 JavaScript 前端开发
24个 JavaScript 循环遍历方法,你都知道吗?(下)
一、数组遍历方法 1. forEach() forEach 方法用于调用数组的每个元素,并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下:
334 0
|
JavaScript 前端开发 索引
24个 JavaScript 循环遍历方法,你都知道吗?(上)
一、数组遍历方法 1. forEach() forEach 方法用于调用数组的每个元素,并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下:
149 0
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发
JavaScript 中的12种循环遍历方法
原文:JavaScript 中的12种循环遍历方法 题目:请介绍 JavaScript 中有哪些循环和遍历的方法,说说它们的应用场景和优缺点? 1、for 循环 let arr = [1,2,3];for (let i=0; i0)// 3// 2// 1 do while 循环是 while 循环的一个变体,它首先执行一次操作,然后才进行条件判断,是 true 的话再继续执行操作,是 false 的话循环结束。
1016 0