js数组案例100讲解（【前端灵魂脚本语言JavaScript⑤】——JS中数组的使用）
导读：🐚 作者: 阿伟 💂 个人主页: Flyme awei...
🐚 作者: 阿伟
💂 个人主页: Flyme awei🐋 希望大家多多支持😘一起进步呀！
💬 文章对你有帮助👉关注✨点赞👍收藏📂
JavaScript数组的使用
一 、数组的创建
第一种:
var 数组名 = new Array();创建一个空数组 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var arr=new Array(); console.log(arr)//打印到浏览器控制台 </script> </head> <body> </body> </html>第二种:
var arr2 = new Array(10);创建一个定长为10的数组 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var arr2 = new Array(10); arr2[0]="h"; arr2[9]="l" console.log(arr2) </script> </head> <body> </body> </html>第三种
var arr3 = new Array(a,b,c);创建时直接指定元素值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var arr3 = new Array("hello","world","JavaScript",10,true) console.log(arr3) </script> </head> <body> </body> </html>第四种
var arr4 = ["hello","world","Flyme awei"];相当于第三种的简写 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var arr4 = ["hello","world","Flyme awei"] console.log(arr4) </script> </head> <body> </body> </html>二 、数组的元素和长度
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var arr = [1,2,3,4,5]; console.log(arr); console.log(arr[0]); console.log(arr.length) </script> </head> <body> </body> </html>控制台
1.通过修改length属性来改变数组长度的 。
2.通过索引改变数组长度 。
三 、数组的遍历
1.普通for循环遍历数组
!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var arr = [0,1,2,3,4,5,6,7,8,9]; for(var i=0;i<=arr.length;i++){ console.log(i) } </script> </head> <body> </body> </html>2.for each遍历数组
js中的for each写法：for( var i in 数组)i不是元素 ，是索引
四 、数组的常用方法
1.查询元素索引
2.合并两个数组
3.合并多个数组
4.合并字符串
5.删除数组最后一个元素
6.在数组结尾添加元素
7.反转数组
8.删除数组第一个元素
9.向第一个位置添加元素
10.截取子数组
11.删除数组中的某些元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var arr = [0,1,2,3,4,5,6,7,8,9]; var index = arr.indexOf(7);//查询元素索引的方法 console.log(index); //合并两个数组 var hege = ["Cecilie","Lone"]; var stale = ["Email","Tobias","Linus"]; var childer = hege.concat(stale); console.log(childer); //合并三个数组 var family = hege.concat(stale,childer); console.log(family); //合并字符串 var fruits = ["Banana","Orange","Apple"]; var fs = fruits.join(); console.log(fs); //删除数组的最后一个元素 fruits.pop(); console.log(fruits); //在数组结尾增加元素 fruits.push("Grape"); console.log(fruits); //翻转数组 fruits.reverse(); console.log(fruits); //删除数组第一个元素 var ss = fruits.shift(); console.log(fruits); console.log(ss); //向第一个位置添加元素 fruits.unshift("Per"); console.log(fruits); //截取子数组; //从三开始 ，到六结束 fruits.slice(3,6); console.log(fruits); //删除数组中某些元素 //从2开始 ，删除5个 numbers = [1,2,3,4,5,6,7,8,9] numbers.splice(2,5); console.log(numbers); //如果第二个元素是0 ，那么就变成在指定索引位置添加元素 numbers.splice(2,0,100); console.log(numbers); </script> </head> <body> </body> </html>好啦 ，文章到这里就结束啦！
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！