一区二区三区三上|欧美在线视频五区|国产午夜无码在线观看视频|亚洲国产裸体网站|无码成年人影视|亚洲AV亚洲AV|成人开心激情五月|欧美性爱内射视频|超碰人人干人人上|一区二区无码三区亚洲人区久久精品

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

JavaScript數(shù)組簡(jiǎn)介及其基本操作

CHANBAEK ? 來(lái)源:myfreax ? 作者:myfreax ? 2023-04-08 15:49 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

在本教程中,您將了解 JavaScript 數(shù)組及其基本操作。

JavaScript 數(shù)組簡(jiǎn)介

在 JavaScript ,數(shù)組包含多個(gè)值,這些值在數(shù)組是有序的列表。 值在數(shù)組中稱(chēng)為元素,每個(gè)元素都有自己的下標(biāo),下標(biāo)通常成為索引

JavaScript 數(shù)組具有以下特點(diǎn):

  1. 首先,數(shù)組元素可以多種類(lèi)型的值。
    例如,您可以使用一個(gè)數(shù)組來(lái)存儲(chǔ)類(lèi)型為數(shù)字、字符串、布爾值和 null 的元素。
  2. 其次,數(shù)組的大小是動(dòng)態(tài)的并且會(huì)自動(dòng)增長(zhǎng)。
    換句話(huà)說(shuō),您不需要預(yù)先指定數(shù)組大小。

創(chuàng)建 JavaScript 數(shù)組

JavaScript 為您提供了兩種創(chuàng)建數(shù)組的方法。 第一個(gè)是使用 Array 構(gòu)造函數(shù),如下所示:

let scores = new Array();

scores 數(shù)組為空,不包含任何元素。

如果您知道數(shù)組需要存儲(chǔ)元素?cái)?shù)量,則可以創(chuàng)建一個(gè)具有初始大小的數(shù)組,如以下示例所示:

let scores = Array(10);

要?jiǎng)?chuàng)建一個(gè)數(shù)組并用一些元素對(duì)其進(jìn)行初始化,您可以將元素作為逗號(hào)分隔的列表傳遞給 Array() 構(gòu)造函數(shù)。

例如,以下語(yǔ)句創(chuàng)建具有五個(gè)元素(或數(shù)字)的數(shù)組 scores

let scores = new Array(9,10,8,7,6);

請(qǐng)注意,如果您使用 Array() 構(gòu)造函數(shù)創(chuàng)建一個(gè)數(shù)組并將一個(gè)數(shù)字傳遞給它,您將創(chuàng)建一個(gè)具有初始大小的數(shù)組。

但是,當(dāng)您將另一種類(lèi)型的值傳遞給構(gòu)造 Array() 函數(shù)時(shí),您會(huì)創(chuàng)建一個(gè)包含該值元素的數(shù)組。 例如:

let athletes = new Array(3); // 創(chuàng)建數(shù)組,設(shè)置最大元素是 3 個(gè)
let scores = new Array(1, 2, 3); // 創(chuàng)建數(shù)組,包含元素 1,2 3
let signs = new Array('Red'); // 創(chuàng)建數(shù)組,包含一個(gè)元素 'Red'

JavaScript 允許您在使用 Array() 構(gòu)造函數(shù)時(shí)省略關(guān)鍵詞 new。 例如,以下語(yǔ)句創(chuàng)建 數(shù)組 artists。

let artists = Array();

實(shí)際上,您很少會(huì)使用Array()構(gòu)造函數(shù)來(lái)創(chuàng)建數(shù)組。 創(chuàng)建數(shù)組的更方便的方法是使用數(shù)組字面量表示法:

let arrayName = [element1, element2, element3, ...];

數(shù)組字面量語(yǔ)法形式是使用方括號(hào) [] 包裹以逗號(hào)分隔的元素列表。

以下示例創(chuàng)建 colors 包含字符串元素的數(shù)組:

let colors = ['red', 'green', 'blue'];

要?jiǎng)?chuàng)建一個(gè)空數(shù)組,您可以使用方括號(hào)且不需要不指定任何元素,如下所示:

let emptyArray = [];

JavaScript 數(shù)組是從零開(kāi)始索引的。 換句話(huà)說(shuō),數(shù)組的第一個(gè)元素從索引 0 開(kāi)始,第二個(gè)元素從索引 1 開(kāi)始,依此類(lèi)推。

要訪問(wèn)數(shù)組中的元素,請(qǐng)?jiān)诜嚼ㄌ?hào) [] 中指定索引:

arrayName[index]

下面顯示了如何訪問(wèn) mountains 數(shù)組的元素:

let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];

console.log(mountains[0]); // 'Everest'
console.log(mountains[1]); // 'Fuji'
console.log(mountains[2]); // 'Nanga Parbat'

要修改元素的值,您可以將該值分配給元素,如下所示:

let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];
mountains[2] = 'K2';

console.log(mountains);
[ 'Everest', 'Fuji', 'K2' ]

獲取數(shù)組大小

通常,數(shù)組的 length 屬性返回元素的數(shù)量。 以下示例顯示了如何使用數(shù)組的length 屬性:

let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];
console.log(mountains.length); // 3

數(shù)組的基本操作

下面解釋一些對(duì)數(shù)組的基本操作。 您將在接下來(lái)的教程中學(xué)習(xí)高級(jí)操作,例如map()、filter()reduce()。

向數(shù)組末尾添加一個(gè)元素

要將元素添加到數(shù)組的末尾,可以使用數(shù)組的 push() 方法:

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
seas.push('Red Sea');

console.log(seas);
[ 'Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea', 'Red Sea' ]

添加一個(gè)元素到數(shù)組的開(kāi)頭

要將元素添加到數(shù)組的開(kāi)頭,可以使用數(shù)組的 unshift() 方法:

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
seas.unshift('Red Sea');

console.log(seas);
[ 'Red Sea', 'Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea' ]

從數(shù)組末尾刪除一個(gè)元素

要從數(shù)組末尾刪除元素,可以使用數(shù)組的 pop() 方法:

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
const lastElement = seas.pop();
console.log(lastElement);
Baltic Sea

從數(shù)組的開(kāi)頭刪除一個(gè)元素

要從數(shù)組的開(kāi)頭刪除元素,可以使用數(shù)組的 shift() 方法:

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
const firstElement = seas.shift();

console.log(firstElement);
Black Sea

查找數(shù)組中元素的索引

要查找元素的索引,您可以使用數(shù)組的 indexOf() 方法:

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
let index = seas.indexOf('North Sea');

console.log(index); // 2

檢查一個(gè)值是否是一個(gè)數(shù)組

要檢查一個(gè)值是否是一個(gè)數(shù)組,你可以使用 Array.isArray() 方法:

console.log(Array.isArray(seas)); // true

結(jié)論

  • 在 JavaScript ,數(shù)組是值的有序列表。
    每個(gè)元素都有自己的下標(biāo),下標(biāo)通常成為索引。
  • 數(shù)組可以保存多種類(lèi)型的元素,換句話(huà)說(shuō)元素的值類(lèi)型可以是任意類(lèi)型。
  • JavaScript 數(shù)組是動(dòng)態(tài)的,這意味著它們會(huì)根據(jù)需要增長(zhǎng)或縮小。
聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 字符串
    +關(guān)注

    關(guān)注

    1

    文章

    590

    瀏覽量

    22227
  • 函數(shù)
    +關(guān)注

    關(guān)注

    3

    文章

    4379

    瀏覽量

    64825
  • javascript
    +關(guān)注

    關(guān)注

    0

    文章

    525

    瀏覽量

    54789
  • 數(shù)組
    +關(guān)注

    關(guān)注

    1

    文章

    420

    瀏覽量

    26534
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    微機(jī)原理--微型計(jì)算機(jī)系統(tǒng)及其操作系統(tǒng)簡(jiǎn)介

    `微機(jī)原理--微型計(jì)算機(jī)系統(tǒng)及其操作系統(tǒng)簡(jiǎn)介[hide][/hide]`
    發(fā)表于 04-30 21:21

    JavaScript 簡(jiǎn)介

    ## JavaScript 簡(jiǎn)介 [點(diǎn)擊這里學(xué)習(xí)更多JavaScript知識(shí) ],或搜索 jsrunJavaScript 是世界上最流行的編程語(yǔ)言。這門(mén)語(yǔ)言可用于 HTML 和 web,更可廣泛用于
    發(fā)表于 09-09 17:30

    JavaScript 【1】 基礎(chǔ)數(shù)據(jù)類(lèi)型

    一、簡(jiǎn)介JavaScript 簡(jiǎn)稱(chēng)JS,是互聯(lián)網(wǎng)上最流行的腳本語(yǔ)言,是一種輕量級(jí)的編程語(yǔ)言。這門(mén)語(yǔ)言可用于 HTML 和 web,更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機(jī)等設(shè)備
    發(fā)表于 07-17 10:32

    JavaScript【8】JSON

    九、JSONJSON語(yǔ)法是JavaScript語(yǔ)法的一個(gè)子集,包含有:(1)數(shù)據(jù)在鍵值對(duì)中。(2)數(shù)據(jù)由逗號(hào)分隔。(3)大括號(hào)保存對(duì)象。(4)中括號(hào)保存數(shù)組。JSON數(shù)據(jù)的格式是:鍵:值,例如
    發(fā)表于 07-17 10:45

    JavaScript源碼大全(CHM)

    JavaScript源碼大全: 簡(jiǎn)介:本軟件為Javascript共享教學(xué)軟件,包含各種Javascript源碼及演示,力求豐富易懂。
    發(fā)表于 12-08 10:30 ?0次下載
    <b class='flag-5'>JavaScript</b>源碼大全(CHM)

    MATLAB數(shù)組操作

    matlab是靠它靈活數(shù)組操作發(fā)的家,但是數(shù)組操作也是初學(xué)者最難理解的matlab特色之一,因?yàn)樵谄渌Z(yǔ)言中(如C、pascal)不存在對(duì)等的語(yǔ)法和語(yǔ)義。在5.x版中新增添的多維
    發(fā)表于 05-28 15:38 ?0次下載

    微機(jī)原理--微型計(jì)算機(jī)系統(tǒng)及其操作系統(tǒng)簡(jiǎn)介

    微機(jī)原理--微型計(jì)算機(jī)系統(tǒng)及其操作系統(tǒng)簡(jiǎn)介
    發(fā)表于 12-12 22:07 ?0次下載

    Java數(shù)組的基本操作方法整理

    本文主要介紹了Java數(shù)組的基本操作方法整理,是Java入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí)。數(shù)組是具有相同數(shù)據(jù)類(lèi)型的一組數(shù)據(jù)的集合,Java支持多為數(shù)組,一維數(shù)組
    發(fā)表于 01-29 10:15 ?1306次閱讀

    使用JavaScript創(chuàng)建對(duì)象的方法和案例

    Javascript中的一切幾乎都是對(duì)象,無(wú)論是數(shù)組還是函數(shù)。本文將教你使用JavaScript創(chuàng)建對(duì)象的三種方法。
    的頭像 發(fā)表于 07-06 09:41 ?3116次閱讀

    JavaScript數(shù)組使用技巧資料免費(fèi)下載

    本文檔的主要內(nèi)容詳細(xì)介紹的是JavaScript數(shù)組使用技巧資料免費(fèi)下載
    發(fā)表于 03-11 10:10 ?8次下載

    MATLAB中的矩陣和數(shù)組操作

    MATLAB中的矩陣和數(shù)組操作非常方便,下面詳細(xì)介紹一些常用的操作
    的頭像 發(fā)表于 07-05 09:54 ?1868次閱讀

    javascript基本類(lèi)型有哪些

    (Null):表示空值。 未定義類(lèi)型(Undefined):表示未定義的值。 對(duì)象類(lèi)型(Object):表示復(fù)雜的數(shù)據(jù)結(jié)構(gòu),比如數(shù)組、函數(shù)等。 符號(hào)類(lèi)型(Symbol):表示唯一的標(biāo)識(shí)符。 除了上述基本類(lèi)型,JavaScript還支持多種其他類(lèi)型,如
    的頭像 發(fā)表于 11-16 10:32 ?758次閱讀

    javascript深入淺出

    JavaScript是一種廣泛使用的編程語(yǔ)言,常用于Web開(kāi)發(fā)。下面是對(duì)JavaScript的深入淺出的解釋?zhuān)?JavaScript簡(jiǎn)介 JavaS
    的頭像 發(fā)表于 11-16 10:34 ?2522次閱讀

    js判斷是否在數(shù)組中存在

    JavaScript 是一種用于客戶(hù)端和服務(wù)器端編程的腳本語(yǔ)言。它提供了許多內(nèi)置函數(shù)和方法,以便進(jìn)行數(shù)組操作。 在本文中,我們將學(xué)習(xí)如何使用 JavaScript 來(lái)判斷一個(gè)元素是否存
    的頭像 發(fā)表于 11-30 16:23 ?1571次閱讀

    javascript語(yǔ)言的特點(diǎn)

    JavaScript是一門(mén)高級(jí)語(yǔ)言,具有豐富而靈活的功能。它支持面向?qū)ο蟮木幊谭妒剑⑻峁┝嗽S多內(nèi)置對(duì)象和方法,用于處理日期、字符串、數(shù)組、正則表達(dá)式等常見(jiàn)操作。 客戶(hù)端腳本語(yǔ)言:JavaS
    的頭像 發(fā)表于 12-03 11:31 ?1432次閱讀