前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Js 循环,数组,函数(方法)

Js 循环,数组,函数(方法)

作者头像
星辰_大海
发布2020-09-30 11:33:21
6K0
发布2020-09-30 11:33:21
举报
文章被收录于专栏:h5学习笔记h5学习笔记

1、Switch语句

语法结构

代码语言:javascript
复制
 switch(变量)
​
 {
​
   case 情况1:     //符合情况1,执行下面代码
​
       Js代码;
​
   break;          //如果执行代码,则结束循环
​
   case 情况2:
​
     js 代码;
​
   break;
​
   default:      //不符合上面所有情况,执行下面代码
​
       js代码;         
   break;
​
   }

case 后面的数据类型和switch里面的数据类型必须一致

case 条件可集体判断:即几个case 集体执行一个代码

case 1:

case 2:

case 3:

执行代码;

break;

不建议case后跟条件判断

    //     1: 在网页中获取用户输入的成绩信息,每20分算一个等级,不同等级显示不同的评语,在控制台中输出信息。

    // 比如:输入20      弹出消息框成绩20        输入  40   弹出消息框40   

    var grade = prompt("请输入成绩");

    grade = parseInt(grade);

    switch (grade) {

        case 20:

            alert("成绩f");

            break;

        case 40:

            alert("成绩e");

            break;

        default:

            alert("d")

            break;

    }

2、自增自减

A++ ++a 在原来变量的基础上加1的操作

A-- --a 在原来变量的基础上减1的操作

当 a++ 参与到运算中,先将a的值赋值给变量,然后变量a再加1

当++a 参与到运算中,先将a的值加1然后将计算后的结果赋值给变量

3、 While循环

语法定义:

while(判断条件)

{

循环代码

}

  1. 初始化一个变量
  2. 写while循环体

执行顺序:

当while条件表达式结果为true,那么一直会执行whlie循环体内的代码

 案例:

 //3、 随机产生一个数字  0到9之间的整数,并且接收用户输入的一个数字,   用户有3次输入的机会,

    // 如果3次机会内猜对则提示赢得游戏,直接跳出游戏。如果3都没有猜对,输掉游戏,并结束游戏。

    var number = parseInt(Math.random() * 10);

    var n = 1;

    while (n <= 3) {

        var user = prompt("请输入一个整数" + number);

        user = parseInt(user);

        if (number == user) {

            alert("恭喜你赢了");

            break;

        } else {

            alert("你输了");

            n++;

        }

    }

4、Do...while循环

语法定义:

do{

循环代码;

}

wile(条件)

区别于while循环:

  • 先执行do里面的代码,再判断条件,条件符合继续执行。
  • Do...while循环比while循环至少多执行一次代码。

var n = 1;

    do {

        alert("你好");

    } while (n > 2)

5、For 循环

所谓循环,就是重复执行一段代码

语法:

for (初始化;条件;增量)

{

循环代码;

}

 // 在页面中打印99乘法表

    for (var i = 1; i <= 9; i++) {

        for (var j = 1; j <= i; j++) {

            s = i * j;

            document.write(i + "* " + j + "=" + s);

            document.write("\n");

        }

        document.write("<br/>")

    }

6、break语句

有时候在循环体内,需要立即跳出循环或跳过循环体内其余代码而进行下一次循环。这个时候需要 break和continue

break语句是彻底结束当前循环,直接执行循环外后面的代码。格式如下

while(判断条件)

{

if(条件语句)

break;

循环代码

}

 // 输出1-100之间所有质数

    // 被除数

    for (var i = 1; i <= 10; i++) {

        // 除数

        for (var j = 2; j < i; j++) {

            // 能除尽则不是质数,跳出当前循环

            if (i % j == 0) {

                break;

            } else {

            }

        }

        if (i == j) {

            document.write(i);

            document.write("<br/>")

        }

    }

7、continue语句

continue的作用是仅仅跳过本次循环,而整个循环体继续执行。它的格式如下:

while(判断条件)

{

if(条件语句)

continue;

循环代码

}

 // 请将1到100之间所有数字输出,排除是3的倍数的数字

    for (var i = 1; i <= 100; i++) {

        if (i % 3 == 0) {

            continue; //跳出本次循环,执行后面循环

        } else {

            console.log(i);

        }

    }

8、数组

数组变量可以存放多个数据。Js中的数组是将任意数据类型,放在一起按照一定顺序排练的集合

(1)、数组的两种定义方式

  • Var ary=new Array() 创建对象的方式
  • Var ary1=[];

(2)、 数组两种默认值赋值方式

  • var ary=new Array(1,2,4,"asdf"); alert(ary);
  • var ary1=[1,2,3,5]; alert(ary1);

3、下标

数组中所有元素从0位置开始

通过下标方式赋值及取值
  • ary[0]=1 数组的赋值 //[ ]里面是数组下标
  • alert(ary[0]); 使用下标获取数组值
Length属性介绍

Length用来获取数组的长度(数组中包含多少个元素)

alert(ary.length);

遍历数组:

//给数组赋值

var ary = [];

for (var i = 0; i < 10; i++) {

ary[i] = i + 1;

}

// alert(ary);

// 遍历数组 数组中必须有值

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

alert(ary[i]); //通过下标获取

}

9、数组合并

concat方法

// var ary3 = [12, 324, 4, "re"];

// var ary1 = [234, 87, "hd"];

// var ary2 = ary3.concat(ary1); //数组合并 合二为一

// alert(ary2);

// join方法 返回的是字符串类型

var ary = [123, 56, 343];

var ary2 = ary.join("ad") //在数组中间加入字符

alert(ary2);

10、函数(方法)定义

通过 function 函数名() {} 定义函数

// 定义

function a() {

alert("你好");

}

// 调用

a();

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-08-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、Switch语句
    • 语法结构
    • 2、自增自减
    • 3、 While循环
    • 4、Do...while循环
    • 5、For 循环
    • 6、break语句
    • 7、continue语句
    • 8、数组
      • (1)、数组的两种定义方式
        • (2)、 数组两种默认值赋值方式
          • 3、下标
            • 通过下标方式赋值及取值
            • Length属性介绍
        • 9、数组合并
        • 10、函数(方法)定义
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档