日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

JavaScript 21天入門:數(shù)組(Arrays)

admin
2024年10月19日 22:8 本文熱度 900

數(shù)組通常被描述為“像列表一樣的對象”,是一個(gè)包含了多個(gè)值的對象。

數(shù)組中的每個(gè)數(shù)據(jù)項(xiàng)稱為元素,每個(gè)元素在數(shù)組中的位置由索引決定,索引從 0 開始。

如何創(chuàng)建數(shù)組?

數(shù)組由方括號構(gòu)成,其中包含用逗號分隔的元素列表。

創(chuàng)建數(shù)組的方法有很多種,下面是幾種常見的方式:

  1. 使用數(shù)組字面量:

let fruits = ['Apple', 'Banana', 'Orange']; 
  1. 使用 Array 構(gòu)造函數(shù):

let fruits = new Array('Apple', 'Banana', 'Orange'); 
  1. 創(chuàng)建一個(gè)空數(shù)組,然后逐個(gè)添加元素:

let fruits = []; fruits = 'Apple'; fruits = 'Banana'; fruits = 'Orange'; 

任何類型的元素都可以存儲在數(shù)組中。

比如,字符串,數(shù)字,對象,另一個(gè)變量,甚至另一個(gè)數(shù)組。

你也可以混合和匹配項(xiàng)目類型,它們并不都是數(shù)字,字符串等。

比如下面這個(gè)例子。

let sequence = [1, 1, 2, 3, 5, 8, 13]; let random = ["Apple", 795, [0, 1, 2]]; 

訪問數(shù)組

可以使用括號表示法訪問數(shù)組中的元素。

  1. 可以輸出某一個(gè)數(shù)組元素。

let fruits = ['Apple', 'Banana', 'Orange'];  console.log(fruite[0]); //輸出 Apple 
  1. 可以修改某一個(gè)數(shù)組元素。

let fruits = ['Apple', 'Banana', 'Orange'];  fruite[0] = 'Grape'; console.log(fruite[0]); //輸出 Grape 

要記住,數(shù)組的索引是從 0 開始的,所以第一個(gè)元素的訪問,下標(biāo)是 0。

數(shù)組的長度

通過使用 length 屬性獲取數(shù)組的長度,也就是數(shù)組中有多少個(gè)元素。

let fruits = ['Apple', 'Banana', 'Orange'];  console.log(fruite.length); //輸出 3 

length 屬性最常用于循環(huán)。

let fruits = ['Apple', 'Banana', 'Orange'];  for (let i = 0; i < fruits.length; i++) {   console.log(fruits[i]); } 

使用 for 循環(huán),依次輸出數(shù)組里的每一個(gè)元素。

操作數(shù)組的方法

數(shù)組提供了很多方法來操作其中的元素,來看一些常用的方法:

  1. push() 和 pop()

push() 方法用于在數(shù)組末尾添加一個(gè)或多個(gè)元素,pop() 方法用于移除數(shù)組末尾的一個(gè)元素。

let fruits = ['Apple', 'Banana']; fruits.push('Orange'); // ['Apple', 'Banana', 'Orange'] let lastFruit = fruits.pop(); // ['Apple', 'Banana'], lastFruit = 'Orange' 
  1. shift() 和 unshift()

shift() 方法用于移除數(shù)組開頭的一個(gè)元素,unshift() 方法用于在數(shù)組開頭添加一個(gè)或多個(gè)元素。

let fruits = ['Apple', 'Banana']; let firstFruit = fruits.shift(); // ['Banana'], firstFruit = 'Apple' fruits.unshift('Orange'); // ['Orange', 'Banana'] 
  1. concat()

concat() 方法用于合并兩個(gè)或多個(gè)數(shù)組,不會改變現(xiàn)有數(shù)組,而是返回一個(gè)新數(shù)組。

let fruits = ['Apple', 'Banana']; let moreFruits = ['Orange', 'Grape']; let allFruits = fruits.concat(moreFruits); // ['Apple', 'Banana', 'Orange', 'Grape'] 
  1. slice()

slice() 方法用于從數(shù)組中提取一個(gè)片段,返回一個(gè)新數(shù)組,不會改變原數(shù)組。

let fruits = ['Apple', 'Banana', 'Orange', 'Grape']; let citrus = fruits.slice(1, 3); // ['Banana', 'Orange'] 
  1. splice()

splice() 方法用于添加或刪除數(shù)組中的元素,會改變原數(shù)組。

let fruits = ['Apple', 'Banana', 'Orange']; fruits.splice(1, 1, 'Grape'); // ['Apple', 'Grape', 'Orange'] 
  1. forEach()

forEach() 方法用于遍歷數(shù)組中的每個(gè)元素。

let fruits = ['Apple', 'Banana', 'Orange']; fruits.forEach(function (fruit) {   console.log(fruit); }); // 輸出: // Apple // Banana // Orange 
  1. map()

map() 方法用于創(chuàng)建一個(gè)新數(shù)組,數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。

let numbers = [1, 2, 3, 4]; let doubled = numbers.map(function (number) {   return number * 2; }); // [2, 4, 6, 8] 
  1. filter()

filter() 方法用于創(chuàng)建一個(gè)新數(shù)組,包含所有通過測試的元素。

let numbers = [1, 2, 3, 4]; let evenNumbers = numbers.filter(function (number) {   return number % 2 === 0; }); // [2, 4] 
  1. reduce()

reduce() 方法用于將數(shù)組中的所有元素計(jì)算為一個(gè)值。

let numbers = [1, 2, 3, 4]; let sum = numbers.reduce(function (total, number) {   return total + number; }, 0); // 10 

總結(jié)

  • ?? 數(shù)組通常被描述為“像列表一樣的對象”,是一個(gè)包含了多個(gè)值的對象。

  • ?? 數(shù)組的索引從 0 開始。

  • ?? 任何類型的元素都可以存儲在數(shù)組中。


該文章在 2024/10/22 12:40:14 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 尹人香蕉久 | 国产精品导航一区二区 | 日本一区二区三区四区在线 | 日本精品不卡视频 | 国产精品污www在线观看 | 国产精品天天看特色大片不卡 | 性欧美高清 | 欧美日韩深夜视频在线观看 | 老汉色影院首页 | 日韩欧美激情刺激 | 视频在线播放在线观看 | 婷婷精品在线 | 在线观看片免 | 国产v视频在线亚洲视频 | 国内外成人激情免费在线视频 | 二区高清 | 99热这里只有精品免费播放 | 2025最新电视剧免费观看 | 二品国精品69xx | 国产女主播精品大秀系列 | 国产美日韩精品一区二区在线观看 | 好吊妞在线新免费视频 | 亚洲国产中文日韩精品乱码 | 国产99视频精品草莓 | 国精产品一二二线网站 | 国产精品一区二区三 | 天天射天 | 91大神大战丝袜美女在线观看 | 顶级欧美妇高清xxxxx | 国产+高 | 一区两区小视频 | 精品一区二区三卡四卡网站 | 国产精品欧 | 日产a一a区二区www | 免费看美女脱了全身衣服直播 | 国产性生大 | 国产三区视 | 日本亚洲欧洲免费无线码 | 中文日产 | 噼里啪啦国语在线观看高清资源 | 国产成年人免费在 |