聊聊javascript中的數組

Towers 發布于2019-08-23 10:52 / 2788人閱讀

摘要：數組定義數組數組名稱元素元素定義空數組前端定義數組同時添加不同類型的元素構造函數方式數組名稱元素，元素數組名稱類型，表示數組的長度存在元素的個數用創造出一個空數組的構造函數前端用創造一個空數組的構造函數并添加元素函數方式定義數組名稱元素，元

數組 定義數組

1.var 數組名稱 = [元素1,元素2,...];

var arr=[];//定義空數組
var arr1=[100,"前端",true,undefined];//定義數組同時添加不同類型的元素

2.構造函數方式

var 數組名稱 = new Array(元素1，元素2,...);
var 數組名稱 = new Array(length);
length:number類型，表示數組的長度(存在元素的個數)

var arr=new Array();//用new創造出一個空數組的構造函數
var arr1=new Array(100,"前端",true,undefined);//用new創造一個空數組的構造函數并添加元素

3.函數方式定義

var 數組名稱 = Array(元素1，元素2,...);
var 數組名稱 = Array(length);
length:number類型，表示數組的長度(存在元素的個數)

var arr=Array();//定義一個空數組
var arr1=Array(100,"前端",true);//定義一個空數組并添加元素
var arr2=Array(20);//定義一個數組并給它開20個位置

索引數組

表示數組中元素的位置使用數字值來表示的
數字值：表示元素的位置，也就是下標
數組的長度與元素的個數是一致的

var arr=[];//定義一個空數組
arr[0] = "大前端";
arr[1] = true;

關聯數組

表示數組中元素的位置使用字符串來表示
注意關聯數組的數組長度與元素個數不一致，length在關聯數組中失效

var arr=[];//定義一個空數組
arr["name"] = "孫悟空";
arr["age"] = 500;
arr["job"] = "花果山美猴王";

稀疏數組

數組的長度與元素的個數不一致的，索引數組的位置允許不連續的，沒有定義元素的位置默認為空

var arr=[];
arr[0] = "美猴王";
arr[3] = 500;
arr[5] = "花果山";

訪問數組的元素

數組名稱[索引值]

var arr=["大前端",100,null];//定義數組
console.log(arr[0]);//輸出arr中0位置的內容
console.log(arr[5]);//訪問arr中位置5的內容，雖然不存在，但是也不報錯，返回undefined

數組的復制

var num=100;
var res=num;
console.log(num);//輸出結果：100
console.log(res);//輸出結果：100

num=200;
console.log(res);//輸出結果：100
//復制變量里的值，不管原變量怎么改動值，都不影響復制它值的另一個變量的值

var arr=["大前端",100,true];
var arr1=arr;
console.log(arr);//輸出結果：["大前端",100,true]
console.log(arr1);//輸出結果：["大前端",100,true]

arr=[100];
console.log(arr);//輸出結果：[100]
console.log(arr1);//輸出結果：["大前端",100,true]

arr[0]=100;
console.log(arr);//輸出結果：[100,100,true]
console.log(arr1);//輸出結果：[100,100,true]
/*復制一個數組，如果被復制的原數組，只會把原數組中的存儲地址位置賦值給另一個數組，
另一個數組會跟它一起通過地址位置連接到同一個存儲位置，如果原數組修改自己里面的值
會影響另一個數組，如果原數組直接重新賦值一個新數組，則不影響另一個數組*/

數組的修改

//索引數組的修改
var arr=["大前端",100];
arr[0]="前端";

//關聯數組的修改
var arr1=[];
arr1["name"]="孫悟空";
arr1["age"]=500;
arr1["name"]="唐僧";

數組的刪除

//索引數組的刪除
var arr1=["大前端",true];
delete arr1[0];

//關聯數組的刪除
var arr2=[];
arr2["kecheng"]="大前端";
arr2["name"]="張三";
delete arr2["kecheng"];

循環遍歷數組

var arr = ["前端", 200, true, undefined];
// while語句
var i = 0;
while (i < arr.length){
    console.log(arr[i]);
    i++;
}

// do...while語句
var i = 0;
do {
    console.log(arr[i]);
    i++;
} while (i < arr.length);

// for語句
for (var i=0; i
for...in語句
for語句:循環的開始和結束，都是由程序員決定的
for..in語句:循環只能從開始到結束
var arr = ["前端", 100, true, undefined];
/*
    for (var 變量 in 數組) {
        代碼段
    }
    * 變量：得到的是數組的索引值
 */
for (var i in arr) {
    console.log(arr[i]);
}

// 關聯數組的length屬性為 0
var arr1 = [];
arr1["name"] = "張三";
arr1["age"] = 28;
arr1["job"] = "程序員";

// for..in語句可以循環遍歷關聯數組, for語句不行
for (var i in arr1) {
    console.log(arr1[i]);
}

// 稀疏數組 - 數組的長度與元素的個數不一致
var arr2 = [];
arr1["name"] = "李四";
arr1["age"] = 89;
arr1["job"] = "運動員";

// for..in語句循環遍歷稀疏數組(直接得到有效元素值), for語句不行
for (var i in arr2) {
    console.log(arr2[i]);
}
二維數組
var arr = [];// 定義一個空數組
arr[0] = [蘋果X,8999,2017];
arr[1] = [小米,999,2016];
arr[2] = [華為,4563,2017];

console.log(arr);
// 訪問二維數組中的元素
var result = arr[0];
console.log(result[0]);
console.log(arr[0][0]);

// 循環遍歷二維數組
for (var i=0; i

GPU云服務器云服務器 javascript中的二維數組 javascript中的 java中的數組輸入 asp中的數組定義

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/96777.html

聊聊在javascript中數組的使用

摘要：在中，數組里可以容納容納中任何類型的值。方法大全在中數組是可修改的對象，每個數組都有著很多好用的方法，大多數我們日常都會常用。把元素添加到數組的頭部。利用使用下標進行操作。對當前數組中的每一項運行給定的函數返回函數結果為的項組成的數組。雜談 ????數組是最簡單的內存數據結構，也是js中最常用的類型之一，整理了下我覺得應該了解數組的相關知識。在js中，數組里可以容納容納js中任何...

zone 2019-08-26 18:27 評論0 收藏0
聊聊jQuery的反模式

摘要：如果我們認為模式代表一個最佳的實踐，那么反模式將代表我們已經學到一個教訓。受啟發于的設計模式，在年的月的報告大會上首次提出反模式。參考鏈接反模式學用設計模式極客學院如果我們認為模式代表一個最佳的實踐，那么反模式將代表我們已經學到一個教訓。受啟發于Gof的《設計模式》，Andrew Koeing在1995年的11月的C++報告大會上首次提出反模式。在Koeing的報告中，反模式有著兩...

CoderStudy 2019-08-19 17:45 評論0 收藏0
聊聊 Array 中的坑

摘要：原文翻譯瘋狂的技術宅本文首發微信公眾號歡迎關注，每天都給你推送新鮮的前端技術文章類型檢測假設是一個數組，我們想要實現一些功能。將為數組返回，即使它們是在另一個中創建的。本文首發微信公眾號歡迎關注，每天都給你推送新鮮的前端技術文章原文：https://jakearchibald.com/201...翻譯：瘋狂的技術宅本文首發微信公眾號：jingchengyideng歡迎關注，每天都...

songze 2019-08-23 14:50 評論0 收藏0
聊聊柯里化

摘要：舉個例子，如果我們實現一個三個數的加法函數，需要這么實現如果我們將其柯里化變換成接受一個單一參數的函數，并且返回接受余下的參數而且返回結果的新函數，我們的調用方式應該是這樣的。僅以此文獻給我的學弟誅諾_彌，并將逐風者的祝福送給他：英雄，愿你有一份無悔的愛情！什么是柯里化維基百科中有如下定義：在計算機科學中，柯里化（英語：Currying），是把接受多個參數的函數變換成接受一...

yankeys 2019-08-21 17:23 評論0 收藏0
來聊聊怎么寫react-native上的樣式吧

摘要：我們來看看文檔上是怎么說的吧在中，你并不需要學習什么特殊的語法來定義樣式。我們仍然是使用來寫樣式。這些樣式名基本上是遵循了上的的命名，只是按照的語法要求使用了駝峰命名法，例如將改為。我遇到了什么問題？不久之前我重構了一個古老的項目，總結了一些js方面的想法，不過對于一個前端項目而言不僅僅只由js組成的嘛，上學的時候老師和我說HTML+CSS+JS對應的是頁面的骨架、皮膚和肌肉。既然...

Dionysus_go 2019-08-26 11:48 評論0 收藏0