JavaScript數組的使用詳解
一、數組的創(chuàng)建
第一種:
var 數組名 = new Array();
創(chuàng)建一個空數組
<!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);
創(chuàng)建一個定長為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);
創(chuàng)建時直接指定元素值
<!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
循環(huán)遍歷數組
!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>
到此這篇關于JavaScript數組的使用詳解的文章就介紹到這了,更多相關JS數組內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Array, Array Constructor, for in loop, typeof, instanceOf
雖然在 JavaScript 中數組是是對象,但是沒有好的理由去使用 `for in` 循環(huán) 遍歷數組。相反,有一些好的理由不去使用 for in 遍歷數組。2011-09-09