【JAVA WEB】JavaScript-条件语句

目录

条件语句

if......else语句

三元表达式

switch

数组

创建数组

获取数组元素

新增数组元素

[1.通过修改 length 新增](#1.通过修改 length 新增)

2.通过下标新增

[3. 使用push进行追加元素](#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(arr0);

console.log(arr1);

console.log(arr2);

arr2 = '小猫凯迪'

console.log(arr);

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

console.log(arr3) ; //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(arr4,arr5);

2.通过下标新增

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

var arr = ;

arr2 = 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(arri%2!=0)

{

newArr.push(arri);

}

}

删除数组中的元素

使用 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类似,这里就不再展开。

相关推荐
木头科技5 分钟前
【AI 工程化第十六篇】Spring AI 多模态 RAG 实战:图片、扫描件、表格与图文证据链
java·人工智能·spring
驭渊的小故事10 分钟前
从 JVM 底层看泛型:泛型擦除、Signature 属性与 Super Type Token 模式
java·开发语言·jvm
wshzd12 分钟前
LLM之Agent(120)|DeepSeek-Harness(二十七)Workflow 引擎与 Ralph 循环
前端·数据库·人工智能
菜鸟小杰子13 分钟前
手动修改 Spring Boot 嵌套 JAR 包:大包小包隔离打包实战
java·jar
计算机编程-吉哥20 分钟前
计算机毕业设计 基于 SpringBoot + Vue 的剧本杀系统 Java毕业设计【任务书、开题报告、中期报告、论文、源码】
java·vue.js·spring boot·毕业设计·课程设计·计算机毕业设计选题
涛涛ing26 分钟前
React Compiler 1.0 之后,状态管理库正在被重新定义
前端
code2cat29 分钟前
【随笔】RAG语义缓存:问题很相似,答案就能直接复用吗
java·缓存·知识库·rag
乘风gg32 分钟前
出事了,AI 提效后,老板让我裁员20%
前端·后端·ai编程
Amos_Web33 分钟前
Rspack 源码解析(三十二):rspack_plugin_runtime 如何抽象 chunk 加载与启动
前端
Amos_Web1 小时前
通过 Rspack 源码学 Rust(二):所有权、借用与 `&mut`
前端