目錄
jquery能對陣列使用函數
首頁 web前端 前端問答 jquery能對數組使用函數嗎

jquery能對數組使用函數嗎

Sep 07, 2022 pm 05:09 PM
jquery

jquery能對數組使用函數;數組就是某類資料的集合,資料型別可以是整數、字串、甚至是對象,jquery可以利用trim、grep、inArray、unique等等函數來操作數組。

jquery能對數組使用函數嗎

本文操作環境:windows10系統、jquery3.6.0版、Dell G3電腦。

jquery能對陣列使用函數

jquery陣列處理函數整理如下:

1、$.trim(value) 

#從value中刪除任何前導或尾隨的空白字元

2、$.each(container, callback(key,value)) 

##對container的每一項進行迭代,為每一項呼叫回呼函數callback。


container 可以是物件或陣列。如果是js對象,則迭代其每個屬性;如果是數組,則迭代其每個元素。

3、$.extend(target, source1, source2, ..., sourcen) 

用source1...n 物件的屬性來擴充target物件。傳回值為擴展後的物件。 

4、$.getScript(url, callback) 

#動態載入js腳本。並在成功取得腳本時呼叫回調函數。

5、$.noConflict 

避免$別名衝突。一旦執行$.noConflict函數,就必須使用jQuery名稱呼叫。

6、$.grep(array, callback, invert) 

#遍歷已傳入的數組,為各元素呼叫對調函數。回呼函數的回傳值決定是否把目前元素收集到新數組,新數組當作$.grep的回傳值。 callback回呼函數需要傳回一個bool型別的值。如果invert省略或為false,則回呼函數傳回TRUE的元素被收集到傳回結果。 invert為true,則回呼函數傳回false的元素被收集到傳回結果。

7、$.map(array,[callback])

#轉換函數會為每個陣列元素呼叫, 而且會給這個轉換函數傳遞一個表示被轉換的元素作為參數. 轉換函數可以返回轉換後的值、null(刪除數組中的項目)或一個包含值的數組, 並擴展至原始數組中。

8、$.inArray(val,array)

判斷值是否存在於陣列中,從0開始計數(如果沒有找到則回傳-1)

9、$.merge(first,second)

#合併兩個陣列。傳回的結果會修改第一個陣列的內容-第一個陣列的元素後面跟著第二個陣列的元素。這個方法是用jQuery的方法取代原生concat()方法, 但功能並沒有concat()強大, concat()可以同時合併多個陣列。

10、$.unique(array)

過濾數組中重複元素,刪除數組中重複元素. 只處理刪除DOM元素數組,而不能處理字串或數字數組

11、$.makeArray(obj)

將類別數組物件轉換為數組物件, 類別數組物件有length 屬性,其成員索引為0至length-1。

12、$(dom).toArray()

#把jQuery集合中所有DOM元素還原成一個陣列。不常用的方法, 個人甚至覺得它和$.makeArray一樣多餘.

相關教程推薦:

jQuery視頻教程

以上是jquery能對數組使用函數嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

jQuery引用方法詳解:快速上手指南 jQuery引用方法詳解:快速上手指南 Feb 27, 2024 pm 06:45 PM

jQuery引用方法詳解:快速上手指南

jQuery中如何使用PUT請求方式? jQuery中如何使用PUT請求方式? Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT請求方式?

jQuery如何移除元素的height屬性? jQuery如何移除元素的height屬性? Feb 28, 2024 am 08:39 AM

jQuery如何移除元素的height屬性?

jQuery小技巧:快速修改頁面所有a標籤的文本 jQuery小技巧:快速修改頁面所有a標籤的文本 Feb 28, 2024 pm 09:06 PM

jQuery小技巧:快速修改頁面所有a標籤的文本

使用jQuery修改所有a標籤的文字內容 使用jQuery修改所有a標籤的文字內容 Feb 28, 2024 pm 05:42 PM

使用jQuery修改所有a標籤的文字內容

深度剖析:jQuery的優勢與劣勢 深度剖析:jQuery的優勢與劣勢 Feb 27, 2024 pm 05:18 PM

深度剖析:jQuery的優勢與劣勢

了解jQuery中eq的作用及應用場景 了解jQuery中eq的作用及應用場景 Feb 28, 2024 pm 01:15 PM

了解jQuery中eq的作用及應用場景

如何判斷jQuery元素是否具有特定屬性? 如何判斷jQuery元素是否具有特定屬性? Feb 29, 2024 am 09:03 AM

如何判斷jQuery元素是否具有特定屬性?

See all articles