【JAVA WEB】JavaScript-条件语句

目录

条件语句

if……else语句

三元表达式

switch

数组

创建数组

获取数组元素 

新增数组元素

1.通过修改 length 新增

2.通过下标新增

3. 使用push进行追加元素

删除数组中的元素

调试


条件语句

if……else语句

示例:

<script>

    let num=prompt("请输入数字:")

    if(num % 2 == 0)

    {

        alert("这个数字是偶数")

    }

    else

    {

        alert("这个数字是奇数")

    }

</script>

三元表达式

 是 if else 的简化写法

语法:条件 ? 表达式1:表达式2

//条件为真,返回表达式1的值,条件为假,返回表达式2的值

//注意:三元表达式的优先级是比较低的

switch

 更适合多分枝的场景

switch(表达式){

        case 值1:

                语句1;

                break;

        case 值2:

                语句2:

                break;

        default:

                语句N;

}

数组

创建数组

使用 new 关键字创建

//Array 的 A要大写

var arr = new Array();

使用字面量方式创建

var arr = [ ];

var arr2 = [1,2,'haha',false];  //数组中保存的内容称为元素

PS:JS的数组不要求元素是相同类型

获取数组元素 

是要下标的方式访问数组元素(从0开始)

var arr = ['小猪佩奇',’小猪乔治‘,'小羊苏西' ];

console.log(arr);

console.log(arr[0]);

console.log(arr[1]);

console.log(arr[2]);
arr[2] = '小猫凯迪'

console.log(arr);

如果下标超出范围读取元素,则结果为 undefined

console.log(arr[3]) ;   //undefined

console.log(arr[-1]);   //undefined

PS:不要给数组名直接赋值,此时数组中的所有元素都没了 ,相当于本来arr是一个数组,重新赋值后变成字符串了。

新增数组元素

1.通过修改 length 新增

相当于在末尾新增元素,新增的元素默认值为 undefined

var arr = [9,5,2,7];

arr.length=6;

console.log(arr);

console.log(arr[4],arr[5]);

2.通过下标新增

如果下标超出范围辅助元素,则会给指定位置插入新元素

var arr = [ ] ;

arr[2] = 10;

console.log(arr);

3. 使用push进行追加元素

代码示例:给定一个数组,把数组中的奇数放到一个newArr中

var arr = [9,5,2,7,3,6,8];

var newArr = [ ];

for(let i = 0; i<arr.length; i++){

        if(arr[i]%2!=0)

        {

                newArr.push(arr[i]);

        }

}

删除数组中的元素

使用 splice 方法删除元素

var arr = [9,5,2,7];

//第一个参数表示从下标为2的位置开始删除,第二个参数表示要删除的元素个数是1个

arr.splice(2,1);

console.log(arr);

//结果

[9,5,7] 

调试

F12 --- Sources 

shift+ctrl+r 进入debug模式

JS循环语句用法与JAVA类似,这里就不再展开。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/681156.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

洛谷 P1678 烦恼的高考志愿 (Java)

洛谷 P1678 烦恼的高考志愿 (Java) 传送门&#xff1a;P1678 烦恼的高考志愿 题目&#xff1a; 烦恼的高考志愿 题目背景 计算机竞赛小组的神牛 V 神终于结束了高考&#xff0c;然而作为班长的他还不能闲下来&#xff0c;班主任老 t 给了他一个艰巨的任务&#xff1a;帮同学…

[ai笔记5] 个人AI资讯助手实战

欢迎来到文思源想的ai空间&#xff0c;这是技术老兵重学ai以及成长思考的第5篇分享&#xff0c;也是把ai场景化应用的第一篇实操内容&#xff01; 既然要充分学习和了解ai&#xff0c;自然少不了要时常看看ai相关资讯&#xff0c;所以今天特地用字节的“扣子”做了一个ai的资讯…

Java中抽象类和接口的区别

抽象类和接口都是 Java 中多态的常见使用方式. 都需要重点掌握. 同时又要认清两者的区别(重要!!! 常见面试题)。 核心区别: 抽象类中可以包含普通方法和普通字段, 这样的普通方法和字段可以被子类直接使用(不必重写而重写抽象方法), 而接口中不能包含普通方法&#xff08;接口…

宿舍|学生宿舍管理小程序|基于微信小程序的学生宿舍管理系统设计与实现(源码+数据库+文档)

学生宿舍管理小程序目录 目录 基于微信小程序的学生宿舍管理系统设计与实现 一、前言 二、系统功能设计 三、系统实现 1、管理员模块的实现 &#xff08;1&#xff09;学生信息管理 &#xff08;2&#xff09;公告信息管理 &#xff08;3&#xff09;宿舍信息管理 &am…

Windows 安装Redis

Windows下安装Redis详细的操作流程和案例&#xff1a; 下载Redis&#xff1a; 访问Redis官方网站&#xff08;https://redis.io/&#xff09;。在"Download"页面中选择适合你操作系统的稳定版本并下载。 解压Redis安装包&#xff1a; 找到下载的Redis安装包文件&…

CentOS7集群安装JDK1.8

准备工作 1、提前安装三台虚拟机&#xff0c;可以参考:https://mp.csdn.net/mp_blog/creation/editor/136010108 2、三台虚拟机分别配置免密登录&#xff0c;参考&#xff1a;https://blog.csdn.net/LSW_JAVADP/article/details/121757927 安装 JDK 一、官网下载对应JDK 自…

mlxtend,一个非常好用的 Python 库!

前言 Python 的 MLxtend&#xff08;Machine Learning Extensions&#xff09;库是一个强大的工具&#xff0c;为机器学习实验提供了一系列功能强大的扩展和工具。本文将深入探讨 MLxtend 库的核心功能、用法以及如何在机器学习项目中充分发挥其优势。 目录 前言 什么是 MLx…

华为问界M9:全方位自动驾驶技术解决方案

华为问界M9的自动驾驶技术采用了多种方法来提高驾驶的便利性和安全性。以下是一些关键技术&#xff1a; 智能感知系统&#xff1a;问界M9配备了先进的传感器&#xff0c;包括高清摄像头、毫米波雷达、超声波雷达等&#xff0c;这些传感器可以实时监测车辆周围的环境&#xff0…

【在Linux世界中追寻伟大的One Piece】Linux是从哪里来的?又是怎么发展的?基本指令你知道哪些?

目录 1 -> Linux背景 1.1 -> Linux发展史 1.1.1 -> UNIX发展历史 1.1.2 -> Linux发展历史 1.2 -> 开源 1.3 -> 官网 1.4 -> 企业应用现状 1.5 -> 发行版本 1.6 -> OS概念&#xff0c;定位 2 -> Linux下基本指令 2.1 -> Is指令 2…

高效的工作学习方法

1.康奈尔笔记法 在这里插入图片描述 2. 5W2H法 3. 鱼骨图分析法 4.麦肯锡7步分析法 5.使用TODOLIST 6.使用计划模板&#xff08;年月周&#xff09; 7. 高效的学习方法 成年人的学习特点&#xff1a; 快速了解一个领域方法 沉浸式学习方法&#xff1a; 沉浸学习的判据&am…

23种设计模式之抽象工厂模式

目录 什么是抽象工厂模式 基本结构 基本实现步骤 实现代码&#xff08;有注释&#xff09; 应用场景 简单工厂、工厂方法、抽象工厂的区别 什么是抽象工厂模式 抽象工厂模式也是一种创建型设计模式&#xff0c;提供了一系列相关或相互依赖对象的接口&#xff0c;而无需…

微信小程序的图片色彩分析,解决画布网络图片报错问题,窃取网络图片的主色调

1、安装 Mini App Color Thief 包 包括下载包&#xff0c;简单使用都有&#xff0c;之前写了&#xff0c;这里就不写了 网址&#xff1a;微信小程序的图片色彩分析&#xff0c;窃取主色调&#xff0c;调色板-CSDN博客 2、 问题和解决方案 问题&#xff1a;由于我们的窃取图片的…

【C++】:map和set的封装

朋友们、伙计们&#xff0c;我们又见面了&#xff0c;本期来给大家解读一下set和map的封装&#xff0c;如果看完之后对你有一定的启发&#xff0c;那么请留下你的三连&#xff0c;祝大家心想事成&#xff01; C 语 言 专 栏&#xff1a;C语言&#xff1a;从入门到精通 数据结构…

【QT+QGIS跨平台编译】之三十八:【GDAL+Qt跨平台编译】(一套代码、一套框架,跨平台编译)

文章目录 一、gdal介绍二、文件下载三、文件分析四、pro文件五、编译实践一、gdal介绍 GDAL(Geospatial Data Abstraction Library)是一个用于读取、写入和处理地理空间数据的开源库。它支持多种栅格和矢量地理空间数据格式,包括常见的GeoTIFF、Shapefile、NetCDF、HDF5等,…

《Java 简易速速上手小册》第9章:Java 开发工具和框架 (2024 最新版)

文章目录 9.1 Maven 和 Gradle - 构建与依赖管理的神兵利器9.1.1 基础知识9.1.2 重点案例&#xff1a;使用 Maven 构建 Spring Boot 应用9.1.3 拓展案例 1&#xff1a;使用 Gradle 构建多模块项目9.1.4 拓展案例 2&#xff1a;利用 Gradle Wrapper 确保构建的一致性 9.2 Spring…

制作韦恩图常用软件或网站

韦恩图是一种用于可视化集合之间的关系的图表类型&#xff0c;通常用于显示集合之间的重叠和共同部分。以下是几种常用的制作韦恩图的软件或网站&#xff1a; Microsoft PowerPoint&#xff1a;虽然 PowerPoint 并不是专门用于制作韦恩图的软件&#xff0c;但它具有丰富的图表和…

专业130+总分420+厦门大学847信号与系统考研经验厦大信息系统与通信工程,真题,大纲,参考书。

今年很幸运被厦门大学录取&#xff0c;考研专业课847信号与系统130&#xff0c;数二130&#xff0c;总分420&#xff0c;回头看这将近一年的复习&#xff0c;还是有不少经验和大家分享&#xff0c;希望对大家复习有帮助。专业课&#xff1a; 厦门大学847信号与系统在全国各高校…

【doghead】bifrost的player 版本 windows构建

worker 直接用cmake 构建windows版本看起来也是可以的。我这里尝试用windows 添加文件的方式构建大神都是cmake直接windows构建的 可以参考 mediasoup-sfu-cpp 工程试试ouxianghui大神的vs2022构建bat脚本 D:\XTRANS\soup\mediasoup-server-sfu-ouxianghui-cpp\vc2022 Could No…

C++实现二分查找

目录 例1 例2 例3 例4 例5 例6 例1 704. 二分查找 注意&#xff1a; ①left < right,这里的号是最后一次通过下标mid来判断 ②在偶数的时候mid&#xff0c;左右无所谓&#xff0c;因为left和right都有1&#xff1b; 参考代码 class Solution { public:int search…

Gateway中Spring Security6统一处理CORS

文章目录 一、起因二、解决方法 一、起因 使用了gateway微服务作为整体的网关&#xff0c;并且整合了Spring Security6&#xff1b;还有一个system微服务&#xff0c;作为被请求的资源&#xff0c;当浏览器向gateway发送请求&#xff0c;请求system资源时&#xff0c;遇到CORS…