JavaScript學(xué)習(xí)第四天筆記（數(shù)組）

lncwwn 發(fā)布于2019-08-23 10:53 / 2876人閱讀

摘要：示例代碼如下索引數(shù)組輸出結(jié)果為索引數(shù)組關(guān)聯(lián)數(shù)組注意關(guān)聯(lián)數(shù)組的數(shù)組的長(zhǎng)度與元素的個(gè)數(shù)不一致，原因是的官方不支持關(guān)聯(lián)數(shù)組。定義一個(gè)空數(shù)組訪問二維數(shù)組中的元素循環(huán)遍歷二維數(shù)組

數(shù)組 概述 數(shù)組是什么

數(shù)組是值的有序集合。數(shù)組中的每個(gè)值叫做一個(gè)元素，而每個(gè)元素在數(shù)組中都右一個(gè)唯一的位置。這個(gè)位置用數(shù)字表示，叫做索引數(shù)組；用字符串表示，叫做關(guān)聯(lián)數(shù)組。
JavaScript數(shù)組是無(wú)類型的；數(shù)組的元素可以是任何的類型（字符串，數(shù)字值，布爾值等），并且每個(gè)數(shù)組的不同元素可能是不同的類型。
JavaScript數(shù)組是動(dòng)態(tài)的：根據(jù)需要，可以動(dòng)態(tài)地向數(shù)組插入新的元素，或者從數(shù)組中刪除指定的元素

一維數(shù)組 定義數(shù)組 1.使用字面量/直接量方式定義

語(yǔ)法：

 var 數(shù)組名稱 = [元素1,元素2,...]

示例代碼：

var arr1 = [];/*定義一個(gè)空數(shù)組*/
var arr2 = [100,"星矢",true]；
console .log(arr1);/*輸出結(jié)果為：[]*/
console .log(arr2);/*輸出結(jié)果：[100,"星矢",true]*/

2.構(gòu)造函數(shù)方式

語(yǔ)法：

 var 數(shù)組名稱 = new Array （元素1,元素2,...）;
 var 數(shù)組名稱 = new Array （length）;/*length是number類型 表示數(shù)組的長(zhǎng)度（存在的元素個(gè)數(shù)）*/

示例代碼：

var arr1 = new Array ();/*定義一個(gè)空數(shù)組*/
var arr2 = new Array (100,"星矢",true);
var arr3 = new Array (length);
console .log(arr1);  輸出結(jié)果：[100,"星矢",true]*/
console .log(arr2);  /*輸出結(jié)果：*/
console .log(arr3);  /*輸出結(jié)果：[ <10 empty items> ]*/

3.函數(shù)方式定義

語(yǔ)法：

 var 數(shù)組名稱 = Array（元素1,元素2,元素3...）;
 var 數(shù)組名稱 = Array（length）;

示例代碼：
var arr1 = Array(100,5,2,);
var arr2 = Array(5);
console .log(arr1);/輸出結(jié)果：[ 100, 5, 10 ]/
console .log(arr2);/輸出結(jié)果：[ <50 empty items> ]/

索引數(shù)組 概述

索引數(shù)組就是存儲(chǔ)元素的位置使用數(shù)字值來表示，一般稱之為下標(biāo)或角標(biāo)。數(shù)組的長(zhǎng)度與元素的個(gè)數(shù)是一致的，數(shù)字是以0開頭的。
示例代碼如下：

var arr = [];
arr[0]="索引數(shù)組"；
arr[1]=100；
arr[2]=true；
console .log(arr);/*輸出結(jié)果為： ["索引數(shù)組",100,true]*/

關(guān)聯(lián)數(shù)組

注意：關(guān)聯(lián)數(shù)組的數(shù)組的長(zhǎng)度與元素的個(gè)數(shù)不一致，原因是JavaScript的官方不支持關(guān)聯(lián)數(shù)組。

var arr = [];/*定義一個(gè)空數(shù)組*/
arr["who"]="誰(shuí)啊"
arr["what"]="啥啊"
arr["how"]="咋的了"
console .log(arr);/*輸出結(jié)果：[ who: "誰(shuí)啊", what: "啥啊", how: "咋的了" ]*/

稀疏數(shù)組

索引數(shù)組的位置允許不連續(xù)的，沒有定義的元素的位置默認(rèn)為空（undefined），這樣的數(shù)組叫做稀疏數(shù)組，數(shù)組的長(zhǎng)度與元素的個(gè)數(shù)是不一樣的。
示例代碼：

var arr = [];
arr[0]="誰(shuí)啊";
arr[5]="啥啊";
arr[6]="咋的了";
console .log(arr);
console .log(arr.length);/*輸出的結(jié)果為：
                          [ "誰(shuí)啊", <4 empty items>, "啥啊", "咋的了" ]
                          7
                         */

將稀疏數(shù)組進(jìn)行處理，得到正常的索引數(shù)組

var newArr=[];
for (var i=0; i
訪問數(shù)據(jù)的元素
示例代碼如下：
// 定義數(shù)組的默認(rèn)為索引數(shù)組
var arr = ["索引數(shù)組",100,null];
// 調(diào)用數(shù)組名稱時(shí)，得到只是存儲(chǔ)所有元素?cái)?shù)據(jù)的集合
console.log(arr);
// 訪問索引數(shù)組中的元素 -> 數(shù)組名稱[索引值]
console.log(arr[0]);
// 如果訪問了數(shù)組中未定義的位置的元素時(shí) - 語(yǔ)法不抱錯(cuò)，結(jié)果為 undefined
console.log(arr[5]);
// 索引數(shù)組中索引值最大為 arr.length - 1

// JavaScript中的關(guān)聯(lián)數(shù)組定義與訪問都是沒有問題的
var arr1 = [];
arr1["name"] = "Chambers";
arr1["age"] = 23;
arr1["job"] = "學(xué)生";

console.log(arr1["name"]);
數(shù)組的修改
示例代碼：
var arr1 = [];
arr1[0] = "臥龍學(xué)苑";
arr1[1] = true;
// 關(guān)聯(lián)數(shù)組
var arr2 = [];
arr2["name"] = "張無(wú)忌";
arr2["age"] = 19;
arr2["job"] = "教主";
// 通過數(shù)組的索引值找到對(duì)應(yīng)元素的位置，再通過重新賦值的操作進(jìn)行修改
arr1[0] = 100;
console.log(arr1);

arr2["name"] = "周芷若";2176491621
console.log(arr2);
// 如果索引值是新的，就是新增數(shù)組的元素操作
arr1[4] = "臥龍學(xué)苑";
console.log(arr1);
數(shù)組的刪除
var arr1 = [];
arr1[0] = "臥龍學(xué)苑";
arr1[1] = true;
// 關(guān)聯(lián)數(shù)組
var arr2 = [];
arr2["name"] = "張無(wú)忌";
arr2["age"] = 19;
arr2["job"] = "教主";

/*
    使用 delete 運(yùn)算符進(jìn)行刪除數(shù)組的元素
    * 注意 - 只是刪除元素的數(shù)據(jù)內(nèi)容，而對(duì)應(yīng)的位置被保留 -> 稀疏數(shù)組
  */
delete arr1[0];
console.log(arr1);
循環(huán)遍歷數(shù)組
var arr = ["臥龍學(xué)苑", 100, true, undefined];
for (var i=0; i
for...in語(yǔ)句
在ECMAScript5中新增了for...in語(yǔ)句 同樣可用于遍歷數(shù)組
for...in語(yǔ)句還可以用于遍歷稀疏數(shù)組 循環(huán)的每次將一個(gè)有效元素返回
for語(yǔ)句: 循環(huán)的開始和結(jié)束 都是由程序員決定的
for..in語(yǔ)句: 循環(huán)只能從開始到結(jié)束
var arr = ["臥龍學(xué)苑", 100, true, undefined];
for (var i in arr) {
    console.log(arr[i]);
}
二維數(shù)組
什么是二維數(shù)組
數(shù)組是可以嵌套的，這就意味著數(shù)組可以作為一個(gè)元素被包含在另外一個(gè)數(shù)組里面，利用JS這個(gè)特點(diǎn)創(chuàng)建二維數(shù)組，即數(shù)組的數(shù)組。
var arr = [];// 定義一個(gè)空數(shù)組
arr[0] = [100,200,300];
arr[1] = [400,500,600];
arr[2] = [700,800,900];

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

console.log(arr[0][0]);*/

// 循環(huán)遍歷二維數(shù)組
for (var i=0; i

GPU云服務(wù)器云服務(wù)器第四天 javascript學(xué)習(xí)筆記第十四天學(xué)習(xí)筆記

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/96780.html

相關(guān)文章

26天學(xué)通前端開發(fā)（配資料）

摘要：網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知識(shí)點(diǎn)羅列為主或是資料的匯總，數(shù)據(jù)量讓新人望而卻步。天了解一個(gè)前端框架。也可以關(guān)注微信公眾號(hào)曉舟報(bào)告，發(fā)送獲取資料，就能收到下載密碼，網(wǎng)盤地址在最下方，獲取教程和案例的資料。前言好的學(xué)習(xí)方法可以事半功倍，好的學(xué)習(xí)路徑可以指明前進(jìn)方向。這篇文章不僅要寫學(xué)習(xí)路徑，還要寫學(xué)習(xí)方法，還要發(fā)資料，干貨滿滿，準(zhǔn)備接招。網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知...

blair 2019-08-21 16:59 評(píng)論0 收藏0
JavaScript學(xué)習(xí)筆記第四天_面向?qū)ο缶幊?/b>

摘要：即另外，注意到構(gòu)造函數(shù)里的屬性，都沒有經(jīng)過進(jìn)行初始化，而是直接使用進(jìn)行綁定。并且在模式下，構(gòu)造函數(shù)沒有使用進(jìn)行調(diào)用，也會(huì)導(dǎo)致報(bào)錯(cuò)。調(diào)用構(gòu)造函數(shù)千萬(wàn)不要忘記寫。 1. 基礎(chǔ) JavaScript不區(qū)分類和實(shí)例的概念，而是通過原型來實(shí)現(xiàn)面向?qū)ο缶幊獭ava是從高級(jí)的抽象上設(shè)計(jì)的類和實(shí)例，而JavaScript的設(shè)計(jì)理念，聽起來就好比Heros里的Peter，可以復(fù)制別人的能力。JavaS...

weapon 2019-08-21 11:16 評(píng)論0 收藏0

[學(xué)習(xí)筆記] JavaScript中的 this

摘要：但是總有一個(gè)原則，那就是指的是調(diào)用函數(shù)的那個(gè)對(duì)象。還有另一個(gè)原則當(dāng)沒有明確的調(diào)用函數(shù)的那個(gè)對(duì)象時(shí)，指向全局對(duì)象，瀏覽器模式下就是了。設(shè)置的值這兩個(gè)方法的作用都是在特定的作用域中調(diào)用函數(shù)，從而設(shè)置了函數(shù)體內(nèi)的值。感覺上篇文章還是三四天前寫的，看看日期已經(jīng)10天了。。時(shí)間過的真快！趕緊補(bǔ)篇，js中的this是我學(xué)習(xí)了但一直沒來得及總結(jié)的，今天就簡(jiǎn)要說說 this 吧~ this簡(jiǎn)述 ...

xioqua 2019-08-21 10:35 評(píng)論0 收藏0

第四天

摘要：三個(gè)小時(shí)今天學(xué)到了什么背景邊框列表鏈接今天遇到了什么問題好多概念其實(shí)搞不太懂。比如繼承，偽元素。 2019.3.9 三個(gè)小時(shí) 今天學(xué)到了什么？背景邊框列表鏈接今天遇到了什么問題好多概念其實(shí)搞不太懂。比如繼承，偽元素。筆記第四天

DobbyKim 2019-08-30 15:56 評(píng)論0 收藏0

【牛客網(wǎng)】-- 日日刷(第四天)

摘要：斷更了，家里出了一點(diǎn)事情，回家了幾天，然后回頭看發(fā)現(xiàn)握草，斷了天，因此，每天補(bǔ)一個(gè)吧下列符號(hào)中可以在程序里表示單行注釋的是個(gè)人見解選項(xiàng)目前我只在語(yǔ)法中使用過，代表注釋的意思選項(xiàng)是多行注釋選項(xiàng)是單行注釋選項(xiàng)是文檔注釋在方法中給出的整型數(shù)組斷更了，家里出了一點(diǎn)事情，回家了幾天，然后回頭看發(fā)現(xiàn)握草，斷了12天，因此，每天補(bǔ)一個(gè)吧 ==============================...

sunsmell 2019-08-16 18:23 評(píng)論0 收藏0

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

lncwwn

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章
閱讀更多

css實(shí)現(xiàn)邊框動(dòng)畫

閱讀 1378·2019-08-30 15:55

深入理解webpack的require.context

閱讀 1656·2019-08-26 10:21

騰訊 Tars Web 管理端用戶體系對(duì)接

閱讀 3448·2019-08-23 18:28

如何使用函數(shù)來優(yōu)化性能？

閱讀 3383·2019-08-23 15:38

用koa開發(fā)一套內(nèi)容管理系統(tǒng)（CMS），支持javascript和typescript雙語(yǔ)言

閱讀 754·2019-08-23 15:24

React 按需加載 - 代碼分隔

閱讀 2145·2019-08-23 13:59

vue路由的異步加載(懶加載)方法。

閱讀 787·2019-08-23 11:31

JavaScript學(xué)習(xí)第四天筆記（數(shù)組）

閱讀 2877·2019-08-23 10:53

最新活動(dòng)

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

JavaScript學(xué)習(xí)第四天筆記（數(shù)組）

相關(guān)文章

26天學(xué)通前端開發(fā)（配資料）

JavaScript學(xué)習(xí)筆記第四天_面向?qū)ο缶幊?/b>

**[學(xué)習(xí)筆記] JavaScript中的 this**

第四天

【牛客網(wǎng)】-- 日日刷(第四天)

發(fā)表評(píng)論

0條評(píng)論

lncwwn

男|高級(jí)講師

TA的文章

css實(shí)現(xiàn)邊框動(dòng)畫

深入理解webpack的require.context

騰訊 Tars Web 管理端用戶體系對(duì)接

如何使用函數(shù)來優(yōu)化性能？

用koa開發(fā)一套內(nèi)容管理系統(tǒng)（CMS），支持javascript和typescript雙語(yǔ)言

React 按需加載 - 代碼分隔

vue路由的異步加載(懶加載)方法。

JavaScript學(xué)習(xí)第四天筆記（數(shù)組）

最新活動(dòng)