JavaScript學習第四天筆記（數組）

lncwwn 發布于2019-08-23 10:53 / 2870人閱讀

摘要：示例代碼如下索引數組輸出結果為索引數組關聯數組注意關聯數組的數組的長度與元素的個數不一致，原因是的官方不支持關聯數組。定義一個空數組訪問二維數組中的元素循環遍歷二維數組

數組概述 數組是什么

數組是值的有序集合。數組中的每個值叫做一個元素，而每個元素在數組中都右一個唯一的位置。這個位置用數字表示，叫做索引數組；用字符串表示，叫做關聯數組。
JavaScript數組是無類型的；數組的元素可以是任何的類型（字符串，數字值，布爾值等），并且每個數組的不同元素可能是不同的類型。
JavaScript數組是動態的：根據需要，可以動態地向數組插入新的元素，或者從數組中刪除指定的元素

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

語法：

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

示例代碼：

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

2.構造函數方式

語法：

 var 數組名稱 = new Array （元素1,元素2,...）;
 var 數組名稱 = new Array （length）;/*length是number類型 表示數組的長度（存在的元素個數）*/

示例代碼：

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

3.函數方式定義

語法：

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

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

索引數組 概述

索引數組就是存儲元素的位置使用數字值來表示，一般稱之為下標或角標。數組的長度與元素的個數是一致的，數字是以0開頭的。
示例代碼如下：

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

關聯數組

注意：關聯數組的數組的長度與元素的個數不一致，原因是JavaScript的官方不支持關聯數組。

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

稀疏數組

索引數組的位置允許不連續的，沒有定義的元素的位置默認為空（undefined），這樣的數組叫做稀疏數組，數組的長度與元素的個數是不一樣的。
示例代碼：

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

將稀疏數組進行處理，得到正常的索引數組

var newArr=[];
for (var i=0; i
訪問數據的元素
示例代碼如下：
// 定義數組的默認為索引數組
var arr = ["索引數組",100,null];
// 調用數組名稱時，得到只是存儲所有元素數據的集合
console.log(arr);
// 訪問索引數組中的元素 -> 數組名稱[索引值]
console.log(arr[0]);
// 如果訪問了數組中未定義的位置的元素時 - 語法不抱錯，結果為 undefined
console.log(arr[5]);
// 索引數組中索引值最大為 arr.length - 1

// JavaScript中的關聯數組定義與訪問都是沒有問題的
var arr1 = [];
arr1["name"] = "Chambers";
arr1["age"] = 23;
arr1["job"] = "學生";

console.log(arr1["name"]);
數組的修改
示例代碼：
var arr1 = [];
arr1[0] = "臥龍學苑";
arr1[1] = true;
// 關聯數組
var arr2 = [];
arr2["name"] = "張無忌";
arr2["age"] = 19;
arr2["job"] = "教主";
// 通過數組的索引值找到對應元素的位置，再通過重新賦值的操作進行修改
arr1[0] = 100;
console.log(arr1);

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

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

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

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

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

云服務器 GPU云服務器第四天 javascript學習筆記第十四天學習筆記

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

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

26天學通前端開發（配資料）

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

blair 2019-08-21 16:59 評論0 收藏0
JavaScript學習筆記第四天_面向對象編程

摘要：即另外，注意到構造函數里的屬性，都沒有經過進行初始化，而是直接使用進行綁定。并且在模式下，構造函數沒有使用進行調用，也會導致報錯。調用構造函數千萬不要忘記寫。 1. 基礎 JavaScript不區分類和實例的概念，而是通過原型來實現面向對象編程。Java是從高級的抽象上設計的類和實例，而JavaScript的設計理念，聽起來就好比Heros里的Peter，可以復制別人的能力。JavaS...

weapon 2019-08-21 11:16 評論0 收藏0
[學習筆記] JavaScript中的 this

摘要：但是總有一個原則，那就是指的是調用函數的那個對象。還有另一個原則當沒有明確的調用函數的那個對象時，指向全局對象，瀏覽器模式下就是了。設置的值這兩個方法的作用都是在特定的作用域中調用函數，從而設置了函數體內的值。感覺上篇文章還是三四天前寫的，看看日期已經10天了。。時間過的真快！趕緊補篇，js中的this是我學習了但一直沒來得及總結的，今天就簡要說說 this 吧~ this簡述 ...

xioqua 2019-08-21 10:35 評論0 收藏0
第四天

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

DobbyKim 2019-08-30 15:56 評論0 收藏0
【牛客網】-- 日日刷(第四天)

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

sunsmell 2019-08-16 18:23 評論0 收藏0