Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Js 循环,数组,函数(方法)

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

作者头像
星辰_大海
发布于 2020-09-30 03:33:21
发布于 2020-09-30 03:33:21
6.4K00
代码可运行
举报
文章被收录于专栏:h5学习笔记h5学习笔记
运行总次数:0
代码可运行

1、Switch语句

语法结构

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
流程控制
While 循环会在指定条件为真时循环执行代码块。 While循环,先进行条件判断,再执行循环体的代码
张哥编程
2024/12/13
1590
JavaScript 循环
在程序开发中,存在大量的重复性操作或计算,这些任务必须依靠循环结构来完成。JavaScript 定义了 while、for 和do/while三种类型循环语句。
用户3519280
2023/07/07
3060
JavaScript 循环
❤️JavaScript系列6部曲:流程控制(万字长文)❤️
🎈 作者:不吃西红柿 🎈 简介:CSDN博客专家🏆、蓝桥签约作者、Python领域优质创作者、「信息技术智库」公号作者✌。技术交流、面试刷题尽管关注咨询我。 01 流程控制 流程控制即代码的执行过程,有三种方式: 1.顺序结构:从上到下,从左到右执行的顺序,就叫做顺序结构 2.分支结构:if语句,if-else语句,if-else if-else if…语句,switch-case语句,三元表达式语句 3.循环结构:while循环,do-while循环,for循环,后期还有一个for-in循环 02 分支语
不吃西红柿
2022/07/29
3820
JS基础(二)
程序三大流程控制语句 顺序结构 从上往下执行 分支结构 根据条件选择执行 循环结构 某段代码重复执行 分支语句 if分支语句 单分支 语法: if(条件) { 满足条件要执行的代码 } 当条件为true,代码会执行 若条件结果不是布尔型,则会发生隐式转换成布尔型 双分支 语法: if(条件) { 满足条件要执行的代码 } else { 不满足条件执行的代码 } 多分支 语法: if(条件1) { 代码1 } else if (条件2){ 代码2 } else {
且陶陶
2023/04/12
3500
4篇笔记搞定JavaScript----第二篇
如果条件满足true,才执行大括号里面的代码,如果条件不满足,则不执行大括号里面的代码。
Lemon黄
2019/10/24
4270
4篇笔记搞定JavaScript----第二篇
JavaScript For循环与数组
for 是 JavaScript 提供的另一种循环控制的话句,它和 while 只是语法上存在差异。
用户9615083
2023/10/18
3290
JavaScript For循环与数组
3 C语言 流程控制 循环 跳转
前面的章节一直在介绍C语言的基本语法知识,然而仅仅依靠这些语法知识还不能编写出完整的程序。在程序中,通常需要加入业务逻辑,并对程序的流程进行控制。本章将重点讲解C语言中最基本的三种流程控制语句。
py3study
2020/01/08
2.1K0
3 C语言 流程控制 循环 跳转
JavaScript 运算符与语句
数字是用来计算的,比如:乘法 * 、除法 / 、加法 + 、减法 - 等等,所以经常和算术运算符一起。
用户9615083
2023/02/28
7790
JavaScript 运算符与语句
前端JavaScript免费技术教程循环结构
​ num++; //自增:num=num+1;
张哥编程
2024/12/13
1040
前端JavaScript免费技术教程循环结构
Java基础学习笔记三Java基础语法
与定义基本数据类型变量不同,引用数据类型的变量定义及赋值有一个相对固定的步骤或格式。
緣來
2020/01/02
8950
Java基础学习笔记三Java基础语法
JavaScript-ECMAScript5-JS基础语法「建议收藏」
更多参看MDN: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/JavaScript_technologies_overview
全栈程序员站长
2022/09/22
1.3K0
JavaScript-ECMAScript5-JS基础语法「建议收藏」
JavaScript基础
脚本语言,语法类似于java(脚本语言又被称为扩建的语言,或者动态语言,是一种编程语言,用来控制软件应用程序,脚本通常以文本(如ASCII)保存,只在被调用时进行解释或编译。)
xiaozhangStu
2023/05/04
4030
史上最强Js流程控制三大结构
在一个程序执行的过程,各条代码的执行顺序对结果是有直接影响的,汗多时候我们要通过控制代码的执行顺序来实现我们要完成的功能
用户10517932
2023/10/07
4060
史上最强Js流程控制三大结构
JavaScript基础之四——选择与循环结构
    选择结构与循环结构是编程中处理逻辑的核心结构,JavaScript中支持if-else和switch-case选择结构,支持for,for-in,do-while,while循环结构。并且可以使用break与continue语句进行循环的跳出,简单的条件选择if语句示例如下:
珲少
2018/08/15
5380
JavaScript之语句,循环
JavaScript中语句主要分为三类:顺序,分支,循环。 1.顺序语句: 按照循序依次执行,最普通常见的语句,这里不多赘述。 其结构如下 2.分支语句: 根据条件判断,不同的结果执行不同的语句。 其
二十三年蝉
2018/02/27
1K0
JavaScript之语句,循环
javascript入门
入门程序 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>JS入门——helloworld</title> <!-- JavaScript[JS]代码,包含在一对script标签中 script标签可以出现在网页中的任何一个位置 --> <scr
周小董
2019/03/25
8750
Go 控制结构篇:条件语句、分支语句、循环语句和跳转语句
流程控制主要用于设定计算执行的次序,建立程序的逻辑结构。Go 语言的流程控制和其他编程语言类似,支持如下几种流程控制语句:
学院君
2023/03/03
1.6K0
Go 控制结构篇:条件语句、分支语句、循环语句和跳转语句
JavaScript设计模式--迭代器模式
迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。 JavaScript中的Array.prototype.forEach
奋飛
2019/08/15
4030
python web开发 JavaScript基础
同c++,if和if ... else和if ... else if ... else
Michael阿明
2022/01/07
6060
python web开发 JavaScript基础
原生js的笔记
世间万物皆对象
2024/03/20
4790
相关推荐
流程控制
更多 >
LV.1
这个人很懒,什么都没有留下~
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验