日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

19個JavaScript數(shù)組常用方法總結(jié)! 趕快收藏吧!

來源: 責編: 時間:2023-09-18 21:42:28 347觀看
導讀數(shù)組,是JavaScript中的一種數(shù)據(jù)格式,在JavaScript中經(jīng)常使用。作為一名前端工程師,掌握Array的用法非常重要!那么,常用的數(shù)組方法你知道幾個呢?如果不知道也沒有關系,今天這篇文章將匯總詳細介紹Array中常用的一些方法,一起來

數(shù)組,是JavaScript中的一種數(shù)據(jù)格式,在JavaScript中經(jīng)常使用。作為一名前端工程師,掌握Array的用法非常重要!g0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

forEach() 方法通常用于對數(shù)組中的每個元素執(zhí)行操作,而不返回新數(shù)組。它提供了一種迭代數(shù)組并對每個元素執(zhí)行相同操作的便捷方法。g0w28資訊網(wǎng)——每日最新資訊28at.com

注意:forEach()方法不能中斷或跳過迭代,它會遍歷數(shù)組中的每個元素,即使回調(diào)函數(shù)中使用了return語句,也不會中止遍歷。g0w28資訊網(wǎng)——每日最新資訊28at.com

12、map

功能:對數(shù)組中的每個元素執(zhí)行指定的函數(shù),并返回由執(zhí)行結(jié)果組成的新數(shù)組。g0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

用法示例:g0w28資訊網(wǎng)——每日最新資訊28at.com

圖片g0w28資訊網(wǎng)——每日最新資訊28at.com

map()方法可以根據(jù)自定義的處理邏輯對數(shù)組中的每個元素進行變換。您可以使用它生成一個新數(shù)組,其元素是處理原始數(shù)組的結(jié)果。g0w28資訊網(wǎng)——每日最新資訊28at.com

常見的使用場景包括對數(shù)組中每個元素的計算、轉(zhuǎn)換、映射等操作。g0w28資訊網(wǎng)——每日最新資訊28at.com

13、filter

作用:根據(jù)指定條件過濾掉數(shù)組中符合條件的元素,返回一個新數(shù)組g0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

用法示例:g0w28資訊網(wǎng)——每日最新資訊28at.com

使用filter方法,可以從數(shù)組中過濾掉滿足特定條件的元素。g0w28資訊網(wǎng)——每日最新資訊28at.com

14、reduce

功能:對數(shù)組中的所有元素執(zhí)行指定的歸約函數(shù),并返回單值結(jié)果g0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

參數(shù)說明:callback是回調(diào)函數(shù),可以接受四個參數(shù):g0w28資訊網(wǎng)——每日最新資訊28at.com

  • accumulator:累加器,用于保存計算結(jié)果。
  • currentValue:當前遍歷的元素。
  • index:當前遍歷元素的索引。
  • array:正在遍歷的數(shù)組。

用法示例:g0w28資訊網(wǎng)——每日最新資訊28at.com

調(diào)用reduce()方法,傳入累加函數(shù)(accumulator, currentValue) => Accumulator + currentValue,累加數(shù)組中所有元素。g0w28資訊網(wǎng)——每日最新資訊28at.com

累加器的初始值未指定,因此,reduce() 方法從數(shù)組的第一個元素開始,將當前元素添加到累加器,并更新累加器的值。最后返回的累加結(jié)果是數(shù)組所有元素的累加和。g0w28資訊網(wǎng)——每日最新資訊28at.com

15、sort

功能:對數(shù)組元素進行排序g0w28資訊網(wǎng)——每日最新資訊28at.com

用法示例:g0w28資訊網(wǎng)——每日最新資訊28at.com

// sort()const fruits = ['banana','apple','kiwi','pear'];fruits.sort();console.log(fruits);// Output:['apple','banana','kiwi','pear']

1、不傳遞參數(shù)調(diào)用sort,會直接修改原數(shù)組,返回排序后的數(shù)組;g0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

2、傳入比較函數(shù),該函數(shù)接受兩個參數(shù),返回一個代表比較結(jié)果的數(shù)字;g0w28資訊網(wǎng)——每日最新資訊28at.com

16、reverse

功能:反轉(zhuǎn)數(shù)組中元素的順序g0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

通過使用reverse()方法,可以輕松反轉(zhuǎn)數(shù)組中元素的順序,適用于需要反轉(zhuǎn)數(shù)組內(nèi)容的情況。g0w28資訊網(wǎng)——每日最新資訊28at.com

圖片g0w28資訊網(wǎng)——每日最新資訊28at.com

注意:reverse()方法會直接修改原數(shù)組,不會創(chuàng)建新數(shù)組。如果需要保留原始數(shù)組的副本并執(zhí)行反向操作,可以先使用 slice() 方法創(chuàng)建一個新數(shù)組,然后調(diào)用reverse() 方法。g0w28資訊網(wǎng)——每日最新資訊28at.com

17、includes

功能:判斷數(shù)組是否包含指定元素,返回true或falseg0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

用法示例:g0w28資訊網(wǎng)——每日最新資訊28at.com

1. 檢查數(shù)組是否包含特定元素:g0w28資訊網(wǎng)——每日最新資訊28at.com

const numbers = [1, 2, 3, 4, 5];console.log(numbers.includes(3));  // trueconsole.log(numbers.includes(6));  // false

2.使用fromIndex參數(shù)指定搜索的起始位置:g0w28資訊網(wǎng)——每日最新資訊28at.com

const numbers = [1, 2, 3, 4, 5];console.log(numbers.includes(3, 2));  // true, search starts from index 2console.log(numbers.includes(3, 4));  // false, search starts from index 4

3. 檢查數(shù)組中是否包含字符串:g0w28資訊網(wǎng)——每日最新資訊28at.com

const fruits = ['apple', 'banana', 'kiwi', 'pear'];console.log(fruits.includes('banana'));  // trueconsole.log(fruits.includes('grape'));   // false

18、some

功能:檢查數(shù)組中是否至少有一個元素滿足指定條件,返回true或falseg0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

用法示例:g0w28資訊網(wǎng)——每日最新資訊28at.com

1、檢查數(shù)組中是否有大于10的元素:g0w28資訊網(wǎng)——每日最新資訊28at.com

const numbers = [5, 8, 12, 3, 9];const hasGreaterThan10 = numbers.some(element => element > 10);console.log(hasGreaterThan10);  // true

2. 檢查數(shù)組中是否有偶數(shù):g0w28資訊網(wǎng)——每日最新資訊28at.com

const numbers = [3, 7, 5, 12, 9];const hasEvenNumber = numbers.some(element => element % 2 === 0);console.log(hasEvenNumber);  // true

3. 檢查數(shù)組中是否存在包含特定字符的字符串:g0w28資訊網(wǎng)——每日最新資訊28at.com

const fruits = ['apple', 'banana', 'kiwi', 'pear'];const hasStrWithChar = fruits.some(element => element.includes('a'));console.log(hasStrWithChar);  // true

4、檢查數(shù)組中是否存在滿足復雜條件的元素:g0w28資訊網(wǎng)——每日最新資訊28at.com

const students = [  { name: 'Alice', score: 85 },  { name: 'Bob', score: 92 },  { name: 'Charlie', score: 76 },];const hasPassingScore = students.some(student => student.score >= 80);console.log(hasPassingScore);  // true

19、every

功能:檢查數(shù)組中所有元素是否滿足指定條件,返回true或falseg0w28資訊網(wǎng)——每日最新資訊28at.com

g0w28資訊網(wǎng)——每日最新資訊28at.com

用法示例:g0w28資訊網(wǎng)——每日最新資訊28at.com

1.檢查數(shù)組中的所有元素是否都大于 0:g0w28資訊網(wǎng)——每日最新資訊28at.com

const numbers = [5, 8, 12, 3, 9];const allGreaterThan0 = numbers.every(element => element > 0);console.log(allGreaterThan0);  // true

2.檢查數(shù)組中的所有元素是否都是偶數(shù):g0w28資訊網(wǎng)——每日最新資訊28at.com

const numbers = [2, 4, 6, 8, 10];const allEvenNumbers = numbers.every(element => element % 2 === 0);console.log(allEvenNumbers);  // true

3.檢查數(shù)組中的所有字符串是否以大寫字母開頭:g0w28資訊網(wǎng)——每日最新資訊28at.com

const words = ['Apple', 'Banana', 'Cherry', 'Durian'];const allUpperCaseStart = words.every(element => /^[A-Z]/.test(element));console.log(allUpperCaseStart);  // true

4.檢查數(shù)組中的所有對象是否滿足特定條件:g0w28資訊網(wǎng)——每日最新資訊28at.com

const students = [  { name: 'Alice', score: 85 },  { name: 'Bob', score: 92 },  { name: 'Charlie', score: 76 },];const allPassingScore = students.every(student => student.score >= 80);console.log(allPassingScore);  // false

總結(jié)

以上就是我今天與你分享的19個常用的Array方法, 你學會了嗎?g0w28資訊網(wǎng)——每日最新資訊28at.com

當然,Array在ES6中還有一些更高級的使用方法,可以更加快速地操作Array。g0w28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-10493-0.html19個JavaScript數(shù)組常用方法總結(jié)! 趕快收藏吧!

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: Nginx map 實現(xiàn)時間格式轉(zhuǎn)換

下一篇: 深入探究微服務架構下 API 網(wǎng)關的發(fā)展趨勢

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 五华县| 湟源县| 阿克| 永靖县| 乐清市| 滨海县| 两当县| 宝丰县| 巨鹿县| 张掖市| 集安市| 紫金县| 嘉义县| 得荣县| 张北县| 怀集县| 吉木萨尔县| 秦安县| 温泉县| 锡林郭勒盟| 读书| 龙江县| 阜新市| 桓台县| 恩平市| 兴和县| 卫辉市| 铜陵市| 民和| 剑河县| 申扎县| 资中县| 宣恩县| 彭州市| 湘乡市| 昌黎县| 礼泉县| 响水县| 六枝特区| 琼结县| 五台县|