定義二維數組的三種方式:js創建二維數組輸出表格

數組是按次序排列的一組數據,每個值的位置都有編號(從0開始),整個數組用方括弧表示。Java入門到架構師教程之JavaScript數組和數組操作方法

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

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-09 11:27
下一篇 2024-12-09 11:27

相關推薦

發表回復

登錄後才能評論