越秀网站建设价格,网站建设中 意思,福州做企业网站的公司,网站稳定期的推广目录
一.前言
二.数组
1.认识
2.数组的声明
1.let arr [1,2,3,4]
2.结合构造函数#xff0c;创建数组
注意#xff1a; 3.数组长度的设置和获取
注意
4.删除数组元素
5.清空数组
三.获取数组元素
获取数组元素的几种方法
1.使用方括号 [] 访问元素#xff1…目录
一.前言
二.数组
1.认识
2.数组的声明
1.let arr [1,2,3,4]
2.结合构造函数创建数组
注意 3.数组长度的设置和获取
注意
4.删除数组元素
5.清空数组
三.获取数组元素
获取数组元素的几种方法
1.使用方括号 [] 访问元素
2.使用循环遍历数组
3.使用数组迭代方法
四.遍历数组详解
遍历数组常用的方法
1.for循环
2.for-in循环
3.forEach函数 案例
1.猜拳比大小具体游戏名不清楚
整体思路
代码讲解
2.随机生成20个100-200的整数输出最大的那个整数及其位置
整体思路
代码讲解
完整代码 一.前言 数组是一种数据结构用于存储和组织多个相同类型的元素。它是编程语言中常见的基本数据结构之一。数组提供了一个连续的存储空间其中每个元素都可以通过索引访问索引通常从0开始。数组是一种常见又强大的数据结构可以用于多种编程场景例如存储一组数据、处理集合、排序和过滤等。了解数组的基本概念和使用方法对于进行编程任务非常重要。不同的编程语言可能有略微不同的语法和方法来操作数组。
二.数组
1.认识 数组 1.数组属于对象类型复杂数据类型 2.string boolean number undefind 属于基础类型简单数据类型 数组中可以存放任意数据类型的数据 2.数组的声明 1.let arr [1,2,3,4] let arr1 [1,2,封神榜,玉玲珑]console.log(arr1) 2.结合构造函数创建数组 let arr4 new Array(4); //使用Array构造函数创建数组let arr2 new Array();console.log(arr2); 注意 使用 构造函数声明数组的时候如果只有一个number的参数则表示数组的长度而数组内容为空如果参数是两个及其以上的数字则表示数组元素。 //如果Array的参数是一个数字类型数据表示数组长度该数组中的数据都是空let arr4 new Array(4);console.log(arr4); 如果是两个及其以上的数字则表示数组中的元素 //如果是两个及其以上的数字则表示数组中的元素let arr5 new Array(4,5);console.log(arr5); 3.数组长度的设置和获取 使用 数组的length属性既可以设置数组长度也可以获取数组长度
let arr6 [false,灰太狼,23,刘备]console.log(arr6.length);//获取数组的长度也就是数组中有几个元素称为数组长度
注意 形如 let arr2 [,,,] 在计算该数组长度的时候最后一个逗号后面如果为空则不计算入数组长度 /*形如 let arr2 [,,,] 在计算该数组长度的时候最后一个逗号后面如果为空则不计算入数组长度*/let arr1 [,,,3,4]let arr2 [,,,]console.log(arr1.length , arr2.length);let arr3 [武松,武大郎,潘金莲,宋江]
4.删除数组元素
//删除数组元素arr6.length 2console.log(arr6);
5.清空数组 //清空数组arr6.length 0console.log(arr6);
三.获取数组元素 数组当中的每一个元素都对应一个数组下标索引下标从0开始计算获取数组中的数据可以通过arr[下标]的方式获取 console.log(arr3[2]);//随机获取下标范围是[03]let num Math.floor(Math.random()*4)console.log(arr3[num]);
获取数组元素的几种方法 1.使用方括号 [] 访问元素 使用方括号和索引来直接获取数组中的元素。例如array[0] 表示获取数组 array 中的第一个元素array[1] 表示获取第二个元素依此类推。 let array [1, 2, 3, 4, 5];
let firstElement array[0]; // 获取第一个元素值为 1
let thirdElement array[2]; // 获取第三个元素值为 3 2.使用循环遍历数组 可以使用循环如 for、while来迭代数组从而逐个获取数组中的元素。通过循环的方式可以获取数组的全部或部分元素。在 JavaScript 中 let array [1, 2, 3, 4, 5];
for (let i 0; i array.length; i) {console.log(array[i]); // 逐个输出数组元素
} 3.使用数组迭代方法 许多编程语言提供了内置的数组迭代方法如 forEach()、map()、filter() 等这些方法可以方便地遍历数组并对每个元素执行相应的操作。 let array [1, 2, 3, 4, 5];
array.forEach(function(element) {console.log(element); // 逐个输出数组元素
});无论使用哪种方法都可以根据需要获取数组中的元素。请记住索引应该大于等于0并且小于数组的长度否则会导致错误。确保在使用索引访问元素时遵循适当的边界条件和索引范围以避免出现数组越界的问题。 四.遍历数组详解
遍历数组常用的方法 遍历数组 1.for循环 //for循环for (let i 0; i arr4.length; i) {console.log(arr4[i]);document.write(arr4[i]br)}document.write(hr) 2.for-in循环 //for-in 循环还可以循环对象/*for (const key in arr4) {key 是循环的下标key是变量可以随意命名arr4 是要循环的对象}*/for (const aa in arr4) {document.write(arr4[aa]br)}document.write(hr) 3.forEach函数 /*Es6 中推荐使用 数组的方法forEach()它里面传入的是一个函数该函数具有一个形参 item item 就是当前循环的数组元素*/arr4.forEach(function(item){document.write(itembr)}) 案例
1.猜拳比大小具体游戏名不清楚
整体思路 HTML部分定义了游戏的界面元素包括标题、输入框和下拉选择框等。 JavaScript部分实现了游戏的逻辑。代码中定义了两个数组arr1和arr2分别表示玩家A的手指数和所说的数的可能取值。 在点击按钮时代码生成两个随机数sj1和sj2并根据这两个随机数从arr1和arr2中选择对应的数值。然后根据玩家B所选择的手指数和所说的数以及玩家A的手指数和所说的数进行判断比较判断胜负或平局并通过alert函数弹出结果。 总体思路就是根据随机选择的手指数和所说的数判断玩家A和玩家B的选择并判断游戏的胜负关系。 代码讲解
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title猜数字/title
/head
bodyh3A/h3input typetext value idaa placeholderA的手指数input typetext value idbb placeholderA说的数h3B/h3B的手指数:select name idccoption value00/optionoption value55/optionoption value1010/option/selectB说的数:select name idddoption value00/optionoption value55/optionoption value1010/optionoption value515/optionoption value2020/option/select brbrbutton idbtnCome On!/button
/body
/html这部分是HTML代码它定义了一个简单的页面结构。包括一个标题title两个文本输入框input两个下拉列表select一个按钮button。用户可通过输入文本框和选择下拉列表来参与猜数字游戏。
script//A的手指数let arr1 [0,5,10]//A说的数let arr2 [0,5,10,15,20]let aa document.getElementById(aa)let bb document.getElementById(bb)let cc document.getElementById(cc)let dd document.getElementById(dd)let btn document.getElementById(btn)btn.onclick function(){let sj1 Math.floor(Math.random()*3)let sj2 Math.floor(Math.random()*(5-sj1)sj1)let c cc.value-0let d dd.value-0aa.value arr1[sj1]bb.value arr2[sj2] ;let a aa.value-0let b bb.value -0if (acdac!b) {alert(B赢)}else if(acbac!d){alert(A赢)}else{alert(平)}}
/script这部分是JavaScript代码它实现了猜数字游戏的逻辑。让我们逐行解释它
let arr1 [0,5,10]定义了数组arr1其中包含了A可能选择的手指数。let arr2 [0,5,10,15,20]定义了数组arr2其中包含了A可能说的数。let aa document.getElementById(aa)获取ID为aa的元素即A的手指数输入框。let bb document.getElementById(bb)获取ID为bb的元素即A说的数输入框。let cc document.getElementById(cc)获取ID为cc的元素即B的手指数下拉列表。let dd document.getElementById(dd)获取ID为dd的元素即B说的数下拉列表。let btn document.getElementById(btn)获取ID为btn的元素即Come On!按钮。
接下来是按钮的点击事件处理函数
btn.onclick function(){...}当按钮被点击时执行该函数。let sj1 Math.floor(Math.random()*3)生成一个0到2之间的随机整数用于确定A的实际手指数。let sj2 Math.floor(Math.random()*(5-sj1)sj1)生成一个在sj1和4之间的随机整数用于确定A实际说的数。let c cc.value-0获取B的手指数下拉列表选中的值并转换为数字类型。let d dd.value-0获取B说的数下拉列表选中的值并转换为数字类型。aa.value arr1[sj1]将A的手指数输入框的值设置为arr1中根据sj1确定的手指数。bb.value arr2[sj2]将A说的数输入框的值设置为arr2中根据sj2确定的数。let a aa.value-0将A的手指数转换为数字类型。let b bb.value -0将A说的数转换为数字类型。 根据A和B的手指数、说的数以及B的手指数与说的数之间的逻辑关系进行对应的比较和判断然后弹出相应的提示框。
if (acdac!b)如果A的手指数加上B的手指数等于B说的数并且不等于A说的数则弹出提示框显示B赢。else if(acbac!d)如果A的手指数加上B的手指数等于A说的数并且不等于B说的数则弹出提示框显示A赢。else其他情况下即A和B说的数不一致或与手指数之和不符则弹出提示框显示平。
2.随机生成20个100-200的整数输出最大的那个整数及其位置
整体思路 创建一个长度为20的数组 arr用来存储随机生成的整数。 初始化 max 变量为0用来记录最大的整数。 初始化 y 变量为0用来记录最大整数的位置。 使用 for 循环来生成20个随机整数并将这些整数存储在数组 arr 中。 在生成过程中使用内部的 for...in 循环来遍历数组 arr并比较每个元素与当前的最大值 max。如果某个元素大于或等于 max则更新 max 的值为该元素并记录其位置到 y 变量中。 循环结束后对 y 值进行修正加1因为数组的索引是从0开始的而位置是从1开始计数。 最后使用 document.write() 方法输出最大的整数和它的位置到网页中。 代码讲解
//随机生成20个100-200的整数输出最大的那个整数及其位置
let arr new Array(20); // 声明一个长度为20的数组arr
let max 0; // 初始化最大值为0
let y 0; // 初始化最大值位置为0for (let i 0; i 20; i) { // 循环20次arr[i] Math.floor(Math.random() * 101 100); // 生成100-200之间的随机整数并赋值给数组arr的第i个元素console.log(arr[i]); // 打印数组中的每个元素用于查看生成的随机整数for (const i in arr) { // 遍历数组arrif (max arr[i]) { // 如果当前元素大于或等于最大值max arr[i]; // 更新最大值y Number(i); // 记录当前最大值的位置}}
}y 1; // 将位置加1以符合人类的计数习惯位置从1开始document.write(最大的数为: max); // 在网页中输出最大的整数
document.write(在第 y 位); // 在网页中输出最大整数的位置
代码解释 首先声明了一个长度为20的数组arr用于存储随机生成的整数。 接着通过一个循环生成20个100到200之间的随机整数并将它们赋值给数组arr的每个元素并在控制台打印出来。 然后通过嵌套的for...in循环遍历数组arr寻找最大的整数及其位置。如果当前元素大于或等于最大值max则更新最大值和位置。 最后将位置加1以符合人类的计数习惯然后使用document.write()在网页中输出最大的整数和它的位置。 完整代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
body/body
/html
script//随机生成20个100-200的整数输出最大的那个整数及其位置let arr new Array(20);let max0let y 0for (let i 0; i 20; i) {arr[i] Math.floor(Math.random()*101100)console.log(arr[i]);for (const i in arr) {if (maxarr[i]) {max arr[i]y Number(i)}} }y 1document.write(最大的数为:max)document.write(在第y位)
/script
