位置: IT常识 - 正文
【前端灵魂脚本语言JavaScript⑤】——JS中数组的使用(前端 自动化脚本 怎么写)
编辑：rootadmin推荐整理分享【前端灵魂脚本语言JavaScript⑤】——JS中数组的使用(前端 自动化脚本 怎么写)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:前端测试脚本,前端脚本语言,前端js脚本,前端脚本语言有哪些,前端写脚本,脚本灵感网站,脚本灵感网站,脚本灵感网站,内容如对您有帮助，希望把文章链接给更多的朋友！
🐚 作者: 阿伟 💂 个人主页: Flyme awei
🐋 希望大家多多支持😘一起进步呀！
💬 文章对你有帮助👉关注✨点赞👍收藏📂
JavaScript数组的使用文章目录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>好啦，文章到这里就结束啦！
上一篇：PyTorch搭建卷积神经网络（CNN）进行视频行为识别（附源码和数据集）(pytorch卷积操作)
下一篇：Web项目部署环境搭建：JDK + Tomcat + IDEA +MySQL(java web项目部署)