數組是按次序排列的一組數據,每個值的位置都有編號(從0開始),整個數組用方括弧表示。
JavaScript數組
1、數組定義
JS 中定義數組的三種方式如下(也可先聲明再賦值):
var arr = [值1,值2,值3]; // 隱式創建
var arr = new Array(值1,值2,值3); // 直接實例化
var arr = new Array(size); // 創建數組並指定長度
2、數組基本操作
數組的長度可以通過length屬性來獲取,並可以任意更改。
數組名.length
數組名.length = 新長度
數組中的每一個元素都可以被訪問和修改,甚至是不存在的元素,無所謂越界
數組名[下標]
數組名[下標] = 新值
3、數組遍歷
數組的遍歷即依次訪問數組的每一個元素 ,JS提供三種遍曆數組的方式:
1)、普通的for循環遍歷
for(var i=0; i<=數組.length-1; i++){
}
如:
for(var idx=0;idx<arr.length;idx++){
console.log(arr[idx]);
}
2)、for … in
for(var 下標(名稱任意) in 數組名){
數組名[下標]是獲取元素
} // 下標(名稱任意)
如:
for(var idx in arr){
console.log(arr[idx]);
}
3)、forEach
數組名.forEach(function(element,index){
// element(名稱任意):元素,index(名稱任意):下標
})
如:
arr.forEach(function(elem,idx){
console.log(idx + "-->" + elem);
});
4、以下是必須了解的
數組在使用的時候建議大家規矩來用。在存放數據時,從下標0開始順序的存放數組元素。
如果下標:
1.為非負整數(包括整數字元串):自動從0開始,不存在添加 undefined
2.為負數、小數、非數字元串:這些內容不計算在長度內,當成”屬性”處理,相當於自定義屬性。
數組非常靈活,使用數組元素。
1.下標: 非負整數(包括整數字元串):
數組.下標
數組[下標]
2.下標:負數、小數、非數字字元串:
數組[屬性]
* for --> 不遍歷屬性
* foreach -->不遍歷屬性和索引中的undefined
* for in -->不遍歷索引中的undefined
5、數組提供的操作方法
Array對象為我們提供了一些方法,可以很方便地操作數組。
push 添加元素到最後
unshift 添加元素到最前
pop 刪除最後一項
shift 刪除第一項
reverse 數組翻轉
join 數組轉成字元串
indexOf 數組元素索引
slice 截取(切片)數組,原數組不發生變化
splice 剪接數組,原數組變化,可以實現前後刪除效果
concat 數組合併
var arr = ['1','a',5,'3'];
console.log(arr);
arr.push(10);
console.log(arr);
arr.unshift('b');
console.log(arr);
arr.pop();
console.log(arr);
arr.shift();
console.log(arr);
arr.reverse();
console.log(arr);
console.log(arr.join('''));
console.log(arr);
console.log(arr.indexOf('a'));
console.log(arr.slice(2,5));
console.log(arr);
arr.splice(1,1,'一','二');
console.log(arr);
var arr1 = [0,'100'];
console.log(arr.concat(arr1));
console.log(arr);
console.log(arr1);
console.log(arr1.(arr));
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/220433.html