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

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

19個JavaScript數組常用方法總結! 趕快收藏吧!

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

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

JW128資訊網——每日最新資訊28at.com

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

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

12、map

功能:對數組中的每個元素執行指定的函數,并返回由執行結果組成的新數組。JW128資訊網——每日最新資訊28at.com

JW128資訊網——每日最新資訊28at.com

用法示例:JW128資訊網——每日最新資訊28at.com

圖片JW128資訊網——每日最新資訊28at.com

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

常見的使用場景包括對數組中每個元素的計算、轉換、映射等操作。JW128資訊網——每日最新資訊28at.com

13、filter

作用:根據指定條件過濾掉數組中符合條件的元素,返回一個新數組JW128資訊網——每日最新資訊28at.com

JW128資訊網——每日最新資訊28at.com

用法示例:JW128資訊網——每日最新資訊28at.com

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

14、reduce

功能:對數組中的所有元素執行指定的歸約函數,并返回單值結果JW128資訊網——每日最新資訊28at.com

JW128資訊網——每日最新資訊28at.com

參數說明:callback是回調函數,可以接受四個參數:JW128資訊網——每日最新資訊28at.com

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

用法示例:JW128資訊網——每日最新資訊28at.com

調用reduce()方法,傳入累加函數(accumulator, currentValue) => Accumulator + currentValue,累加數組中所有元素。JW128資訊網——每日最新資訊28at.com

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

15、sort

功能:對數組元素進行排序JW128資訊網——每日最新資訊28at.com

用法示例:JW128資訊網——每日最新資訊28at.com

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

1、不傳遞參數調用sort,會直接修改原數組,返回排序后的數組;JW128資訊網——每日最新資訊28at.com

JW128資訊網——每日最新資訊28at.com

2、傳入比較函數,該函數接受兩個參數,返回一個代表比較結果的數字;JW128資訊網——每日最新資訊28at.com

16、reverse

功能:反轉數組中元素的順序JW128資訊網——每日最新資訊28at.com

JW128資訊網——每日最新資訊28at.com

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

圖片JW128資訊網——每日最新資訊28at.com

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

17、includes

功能:判斷數組是否包含指定元素,返回true或falseJW128資訊網——每日最新資訊28at.com

JW128資訊網——每日最新資訊28at.com

用法示例:JW128資訊網——每日最新資訊28at.com

1. 檢查數組是否包含特定元素:JW128資訊網——每日最新資訊28at.com

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

2.使用fromIndex參數指定搜索的起始位置:JW128資訊網——每日最新資訊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. 檢查數組中是否包含字符串:JW128資訊網——每日最新資訊28at.com

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

18、some

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

JW128資訊網——每日最新資訊28at.com

用法示例:JW128資訊網——每日最新資訊28at.com

1、檢查數組中是否有大于10的元素:JW128資訊網——每日最新資訊28at.com

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

2. 檢查數組中是否有偶數:JW128資訊網——每日最新資訊28at.com

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

3. 檢查數組中是否存在包含特定字符的字符串:JW128資訊網——每日最新資訊28at.com

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

4、檢查數組中是否存在滿足復雜條件的元素:JW128資訊網——每日最新資訊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

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

JW128資訊網——每日最新資訊28at.com

用法示例:JW128資訊網——每日最新資訊28at.com

1.檢查數組中的所有元素是否都大于 0:JW128資訊網——每日最新資訊28at.com

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

2.檢查數組中的所有元素是否都是偶數:JW128資訊網——每日最新資訊28at.com

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

3.檢查數組中的所有字符串是否以大寫字母開頭:JW128資訊網——每日最新資訊28at.com

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

4.檢查數組中的所有對象是否滿足特定條件:JW128資訊網——每日最新資訊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

總結

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

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

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

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

上一篇: Nginx map 實現時間格式轉換

下一篇: 深入探究微服務架構下 API 網關的發展趨勢

標簽:
  • 熱門焦點
  • K60 Pro官方停產 第三方瞬間漲價

    雖然沒有官方宣布,但Redmi的一些高管也已經透露了,Redmi K60 Pro已經停產且不會補貨,這一切都是為了即將到來的K60 Ultra鋪路,屬于廠家的正常操作。但有意思的是該機在停產之后
  • Mate60手機殼曝光 致敬自己的經典設計

    8月3日消息,今天下午博主數碼閑聊站帶來了華為Mate60的第三方手機殼圖,可以讓我們在真機發布之前看看這款華為全新旗艦的大致輪廓。從曝光的圖片看,Mate 60背后攝像頭面積依然
  • 騰訊蓋樓,字節拆墻

    來源 | 光子星球撰文 | 吳坤諺編輯 | 吳先之“想重溫暴刷深淵、30+技能搭配暴搓到爽的游戲體驗嗎?一起上晶核,即刻暴打!”曾憑借直播騰訊旗下代理格斗游戲《DNF》一
  • 自律,給不了Keep自由!

    來源 | 互聯網品牌官作者 | 李大為編排 | 又耳 審核 | 谷曉輝自律能不能給用戶自由暫時不好說,但大概率不能給Keep自由。近日,全球最大的在線健身平臺Keep正式登陸港交所,努力
  • 攜眾多高端產品亮相ChinaJoy,小米帶來一場科技與人文的視聽盛宴

    7月28日,全球數字娛樂領域最具知名度與影響力的年度盛會中國國際數碼互動娛樂展覽會(簡稱ChinaJoy)在上海新國際博覽中心盛大開幕。作為全球領先的科
  • 網傳小米汽車開始篩選交付中心 建筑面積不低于3000平方米

    7月7日消息,近日有微博網友@長三角行健者爆料稱,據經銷商集團反饋,小米汽車目前已經開始了交付中心的篩選工作,要求候選場地至少有120個車位,建筑不能低
  • 三星電子Q2營收60萬億韓元 存儲業務營收同比仍下滑超過50%

    7月27日消息,據外媒報道,從三星電子所發布的財報來看,他們主要利潤來源的存儲芯片業務在今年二季度仍不樂觀,營收同比仍在大幅下滑,所在的設備解決方案
  • OPPO K11搭載長壽版100W超級閃充:26分鐘充滿100%

    據此前官方宣布,OPPO將于7月25日也就是今天下午14:30舉辦新品發布會,屆時全新的OPPO K11將正式與大家見面,將主打旗艦影像,和同檔位競品相比,其最大的賣
  • 蘋果140W USB-C充電器:采用氮化鎵技術

    據10 月 30 日 9to5 Mac 消息報道,當蘋果推出新的 MacBook Pro 2021 時,該公司還推出了新的 140W USB-C 充電器,附贈在 MacBook Pro 16 英寸機型的盒子里,也支
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
久久久久久国产精品mv| 国产精品久久午夜夜伦鲁鲁| 在线免费观看一区二区三区| 日韩系列在线| 久久久久国色av免费观看性色| 欧美性久久久| 亚洲日本在线视频观看| 久久高清国产| 国产欧美日韩麻豆91| 亚洲第一黄网| 国语自产精品视频在线看| 亚洲精品国产精品久久清纯直播| 国产精品久久久久三级| 欧美护士18xxxxhd| 欧美大片免费观看在线观看网站推荐| 国产日韩高清一区二区三区在线| 欧美伊人影院| 欧美专区亚洲专区| 亚洲男女毛片无遮挡| 欧美三区在线观看| 亚洲经典一区| 亚洲视频免费观看| 久久亚裔精品欧美| 欧美亚洲一区二区在线| 欧美看片网站| 精品不卡一区| 欧美一区二区免费| 国产精品久久久久永久免费观看| 99热精品在线观看| 国产乱码精品一区二区三区av| 亚洲伦理久久| 一区二区免费看| 欧美一区二区三区视频免费播放| 欧美不卡三区| 国产亚洲一区二区三区在线观看| 国产精品白丝av嫩草影院 | 欧美成人黄色小视频| 国产一区二区成人| 欧美另类一区二区三区| 亚洲欧洲一区| 国产欧美日本在线| 亚洲综合精品四区| 国产午夜精品在线观看| 欧美人妖在线观看| 欧美人与性动交α欧美精品济南到| 亚洲一区二区成人在线观看| 欧美激情一区| 久久久精品性| 欧美午夜欧美| 亚洲人成精品久久久久| 久久精品视频免费观看| 国产精品久久影院| 日韩香蕉视频| 欧美成人免费在线| 伊伊综合在线| 欧美在线综合视频| 国产精品视频久久| 中文久久乱码一区二区| 欧美精品尤物在线| 在线观看欧美一区| 久久久久久久综合| 国产一区二区剧情av在线| 亚洲欧美成人一区二区在线电影| 欧美日韩国产va另类| 亚洲国产精品嫩草影院| 美女福利精品视频| 一区二区视频欧美| 久久久久久91香蕉国产| 国产午夜精品一区二区三区欧美| 亚洲欧美视频在线观看| 国产精品视频内| 中文久久乱码一区二区| 欧美午夜一区二区福利视频| 99亚洲一区二区| 欧美日韩精品一区二区三区四区 | aa级大片欧美| 欧美日韩精品伦理作品在线免费观看| 亚洲国产精品成人综合| 欧美成人免费小视频| 91久久精品国产91久久性色tv| 老色鬼精品视频在线观看播放| 在线播放日韩专区| 免费观看在线综合色| 亚洲激情专区| 欧美激情视频给我| 99国产精品一区| 欧美日韩在线三区| 亚洲欧美激情诱惑| 国产视频一区在线观看一区免费| 久久国产精品高清| 永久免费毛片在线播放不卡| 奶水喷射视频一区| 99国产精品国产精品毛片| 欧美三级在线视频| 午夜精品久久久久久久久久久久久 | 一区二区日韩| 国产精品美女| 久久se精品一区二区| 一区二区视频欧美| 欧美激情网友自拍| 亚洲视频精选在线| 国产精品日韩在线观看| 久久精品五月| 亚洲激情在线| 欧美午夜精品理论片a级按摩| 午夜国产精品视频| 国语自产偷拍精品视频偷| 女人天堂亚洲aⅴ在线观看| 99成人免费视频| 国产精品中文字幕在线观看| 久久久久国色av免费看影院| 亚洲国产日韩欧美在线动漫| 欧美视频中文一区二区三区在线观看| 亚洲欧美美女| 伊人精品在线| 欧美日韩免费观看中文| 香蕉久久精品日日躁夜夜躁| 一区二区在线看| 欧美日韩国产不卡| 欧美一区二区三区在线免费观看| 一区二区在线视频| 欧美日韩视频专区在线播放 | 欧美日一区二区在线观看| 欧美一区二区三区喷汁尤物| 亚洲电影在线看| 欧美视频精品一区| 久久精品30| 99综合精品| 国产一区av在线| 欧美伦理91| 久久av最新网址| 亚洲三级视频在线观看| 国产精品一区二区三区四区五区 | 国产精品xvideos88| 久久久久国产精品一区三寸| 亚洲精品日韩久久| 国产中文一区二区| 欧美日韩免费看| 久久婷婷国产麻豆91天堂| 夜夜嗨av一区二区三区四区| 国产亚洲欧美激情| 欧美日韩国产色视频| 久久久精品一品道一区| 亚洲视频免费| 亚洲激情另类| 国产欧美一区二区精品秋霞影院 | 亚洲一区二区三区影院| 亚洲第一在线| 国产日韩高清一区二区三区在线| 欧美精品福利| 久久婷婷国产综合国色天香| 亚洲在线视频网站| 亚洲精品亚洲人成人网| 国产曰批免费观看久久久| 欧美午夜片在线观看| 欧美成人免费在线视频| 久久久www成人免费无遮挡大片 | 欧美理论在线| 久久综合色8888| 性做久久久久久久免费看| 洋洋av久久久久久久一区| 在线观看亚洲视频啊啊啊啊| 国产麻豆综合| 欧美系列电影免费观看| 牛夜精品久久久久久久99黑人| 久久精彩免费视频| 欧美亚洲专区| 亚洲一区日韩在线| 日韩写真在线| 亚洲国产婷婷香蕉久久久久久99 | 亚洲国产精品一区二区三区| 国产日韩欧美综合精品| 国产精品久久福利| 欧美日韩免费观看一区| 欧美ab在线视频| 蜜臀a∨国产成人精品| 久久久久一区二区| 久久国内精品自在自线400部| 亚洲免费在线精品一区| 亚洲天堂av综合网| 一区二区日韩欧美| 日韩小视频在线观看| 亚洲全部视频| 亚洲级视频在线观看免费1级| 一区二区视频免费在线观看| 国产一区二区三区免费不卡| 国产日本欧美一区二区三区在线| 国产精品久久久久影院色老大 | 国产精品揄拍一区二区| 国产精品成人国产乱一区 | 亚洲三级色网| 91久久香蕉国产日韩欧美9色 | 午夜亚洲一区| 性久久久久久久久| 欧美在线3区| 久久er精品视频| 久久久国产精品一区| 久久九九国产精品怡红院| 久久国内精品视频| 久久网站免费| 免费在线看一区| 欧美久久久久久| 欧美日韩中文在线| 欧美午夜视频|