




已阅读5页,还剩4页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
精品文档 Javascript基础之数组使用这篇文章主要介绍了Javascript基础之数组的使用的相关资料,介绍的非常详解,具有参考借鉴价值,感兴趣的朋友一起学习吧 Javascript 数组的工作方式与大多数编程语言的数组类似。 <!DOCTYPE html <html lang=“en” <head <meta charset=“UTF-8” <titlelearn4Array</title </head <body <script type=“text/javascript” /创建和填充数组 var myArray = new Array(); myArray0 = 100; myArray1 = “Luka”; myArray2 = true; </script </body </html 创建数组的时候不需要声明数组中元素的个数。 Javascript数组会自动调整大小以便容纳所有元素。 不必声明数组所含数据的类型。JavaScript数组可以混合包含各种数据的类型 。 1. 使用数组字面量 使用字面量,可以在一条语句中创建和填充数组。 <!DOCTYPE html <html lang=“en” <head <meta charset=“UTF-8” <titlelearn4Array</title </head <body <script type=“text/javascript” var myArray = 100,”Luka”,true; </script </body </html 此例通过在一对方括号( 和 )之间指定所需要数组元素的方法创建了一个新数组,并将其赋给变量 myArray 。 2. 读取和修改数组内容 要读取指定索引位置的数组元素值,应使用一对方括号( 和 )并将索引值放在方括号间。JavaScript数组的索引值从0开始。 <!DOCTYPE html <html lang=“en” <head <meta charset=“UTF-8” <titlelearn4Array</title </head <body <script type=“text/javascript” var myArray = 100,”Luka”,true; /读取指定索引位置的数组元素值 document.writeln(“Index 0:”+myArray0+”<br /”); /修改数组 myArray0 = “Monday”; document.writeln(“Index 0:”+myArray0); </script </body </html 输出结果: Index 0:100 Index 0:Monday 3. 枚举数组内容 可以用 for 循环枚举数组内容。 <!DOCTYPE html <html lang=“en” <head <meta charset=“UTF-8” <titlelearn4Array</title </head <body <script type=“text/javascript” var myArray = 100,”Luka”,true; for(var i= 0;i < myArray.length;i+) document.writeln(“Index “+i+”: “+myArrayi+”<br /”) </script </body </html 输出结果: Index 0: 100 Index 1: Luka Index 2: true 3. 使用内置的数组方法 Javascript 中的Array 对象定义了许多方法。下图罗列了一些最常用的方法。 <!DOCTYPE html <html lang=“en” <head <meta charset=“UTF-8” <titlelearn4Array</title </head <body <script type=“text/javascript” var myArray1 = 100,”Luka”; var myArray2 = true; /concat(<otherArray) var myArray = myArray1.concat(myArray2); for(var i= 0;i < myArray.length;i+) document.writeln(“myArray“+i+”: “+myArrayi+”<br /”) document.writeln(“<br /”); /join(<separator) var strArray = myArray.join(-); document.writeln(strArray+”<br /”); document.writeln(“<br /”); /pop() myArray.pop(); document.writeln(myArray+”<br /”); document.writeln(“<br /”); /push(<item) myArray.push(“Hello Javascript”,200); document.writeln(myArray+”<br /”); document.writeln(“<br /”); /reverse() myArray = myArray.reverse(); document.writeln(myArray+”<br /”); document.writeln(“<br /”); /shift() myArray.shift(); document.writeln(myArray+”<br /”); document.writeln(“<br /”); /slice(<start,<end) document.writeln( myArray.slice(1,3)+”<br /”); document.writeln( myArray.slice(0)+”<br /”); document.writeln(“<br /”); /sort() function sortNumber(a,b) return b - a; var myArray3 = “George”,”John”,”Thomas”,”James”,”Adrew”,”Martin”; var myArray4 = 10,5,40,25,1000,1; document.writeln( myArray3.sort()+”<br /”); document.writeln( myArray4.sort()+”<br /”); /使用一个排序函数,按照数值的大小对数字进行排序 document.writeln( myArray4.sort(sortNumber)+”<br /”); document.writeln(“<br /”); /unshift(<item) myArray.unshift(1,2); document.writeln(myArray+”<br /”); </script </body </html 输出结果: myArray0: 100 myArray1: Luka myArray2: true 100-Luka-true 100,Luka 100,Luka,Hello Javascript,200 200,Hello Javascript,Luka,100 Hello Javascript,Luka,100 Luka,100 Hello Javascript,Luka,100 A
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年度浙江省二级造价工程师之建设工程造价管理基础知识能力提升试卷B卷附答案
- 幼儿园蒙氏培训
- 车间员工的工作态度培训
- DB43-T 2860-2023 蕙兰设施栽培技术规程
- 肿瘤外科胃癌护理查房
- 常见人格障碍病人的护理
- 幼儿园小班社会教案我们一起玩
- 地质集团面试题及答案
- 初级统计考试题及答案
- 小学生心理健康教育:我是谁
- 内蒙古乌海市2023--2024学年七年级下学期数学期末考试卷
- 完整版刑法知识考试题库大全附答案【夺分金卷】
- 湖北省部分学校2023-2024学年高二下学期期末考试地理试题
- 基于大数据的公路运输碳排放评估与控制
- 叙事护理学智慧树知到期末考试答案章节答案2024年中国人民解放军海军军医大学
- 工业机器人系统操作员国家职业技能考核标准(2023年版)
- 上海学前教育学院附属青浦第二实验幼儿园新生入园登记
- 卡前列素氨丁三醇在产后出血的的应用课件
- 固废危废培训课件
- 一例ANCA相关性血管炎患者的护理查房
- 《外科微创技术》课件
评论
0/150
提交评论