首頁 web前端 js教程 Javascript中的Array數組物件詳談_jquery

Javascript中的Array數組物件詳談_jquery

May 16, 2016 pm 04:57 PM
array 物件 陣列

首先數組的定義以及初始化的方法:
var myArray = new Array(1,3.1415,"love"); //這裡注意myArray數組中的元素不只是同一種資料類型的元素,可以有整形,有浮點型,有字串等等都可以。這裡充分展示了javascript作為一種語言對資料類型的弱化,語言更加的隨意化,簡單化。就行定義物件的時候用var一樣。
在此介紹的有限,同時有一些我沒有給出結果,希望大家自己體會,自己動手嘗試一下,看看結果到底是什麼,這樣有助於記憶。以下帶[]是可以省去的參數。

Array的屬性:
length:陣列物件的長度,即陣列元素的數量。這裡同樣要注意第一元素的下標是0.
document.write(myArray.length); //結果是3

Array的方法:

複製程式碼 程式碼如下:

join():把陣列中的各元素逐一連接起來,用分隔符號置於元素與元素之間
document.write(myArray.join("-")); //輸出結果:1-3.1415-love
document.write(myArray.join(" ")); / /輸出結果:是什麼呢?
document.write(myArray.join("*¥")); //輸出結果:是什麼呢?
document.write(myArray.join("* &")); //輸出結果:是什麼呢?
document.write(myArray.join(" ")); //輸出結果:是什麼呢?

reverse():將陣列中的元素的順序顛倒
document.write(myArray.reverse()); //輸出結果:love,3.1415,1
slice( [,]):相當於數組的裁切,這裡不包括終。看到這裡大家應該會聯想到關於Sting物件的substring()和substr()方法了吧。 。其實都類似。
var arraynumber = new Array(1,2,3,4,5,6,7,8);
document.write(arraynumber.slice(3)); //輸出結果:4,5, 6,7,8
document.write(arraynumber.slice(3,5)); // 輸出結果:4,5
i made a mistake,我原來寫的結果是4,5,6,其實是4,5。多謝有位朋友提出來。大家注意一下,其實slice方法是不包括終止位置的。
document.write(arraynumber.slice(3,3)); // 輸出結果:是什麼呢?
document.write(arraynumber.slice(3,2)); // 輸出結果:是什麼呢?
document.write(arraynumber.slice(3,-1)); // 輸出結果:是什麼呢?
document.write(arraynumber.slice(-100)); // 輸出結果:什麼呢?

sort([]):排序
不帶方法函數,按字母順序進行排序,即按照字元編碼的順序排序,不是通常認為的按數值排序。
如果帶方法函數,則依方法函數排序。

範例:
複製程式碼 程式碼如下:


程式碼如下:<script> 🎜>function sortNumber(a,b) <BR>{ <BR>return a-b; <BR>} <BR>var myArray = new Array(3,2,54,23,90,250); <🎜 "document.write("未經sort排序的數值:",myArray,"<br />") <BR>document.write("預設sort排序的數值:",myArray.sort(),"<br / >") <BR>document.write("經sortNumber()的sort排序的數值:",myArray.sort(sortNumber),"<br />") <BR></script>

結果是:
未經sort排序的數值:3,2,54,23,90,250
預設sort排序的數值:這我也不知道,主要誰去記字元編碼呢。 >經sortNumber()的sort排序的數值:2,3,23,54,90,250
大家如果把sortNumber方法中的"a-b"改成"b-a",結果是什麼呢?
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

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

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

如何使用 foreach 迴圈移除 PHP 陣列中的重複元素? 如何使用 foreach 迴圈移除 PHP 陣列中的重複元素? Apr 27, 2024 am 11:33 AM

使用foreach循環移除PHP數組中重複元素的方法如下:遍歷數組,若元素已存在且當前位置不是第一個出現的位置,則刪除它。舉例而言,若資料庫查詢結果有重複記錄,可使用此方法移除,得到不含重複記錄的結果。

PHP數組深度複製的藝術:使用不同方法完美複製 PHP數組深度複製的藝術:使用不同方法完美複製 May 01, 2024 pm 12:30 PM

PHP中深度複製數組的方法包括:使用json_decode和json_encode進行JSON編碼和解碼。使用array_map和clone進行深度複製鍵和值的副本。使用serialize和unserialize進行序列化和反序列化。

PHP 陣列鍵值翻轉:不同方法的效能比較分析 PHP 陣列鍵值翻轉:不同方法的效能比較分析 May 03, 2024 pm 09:03 PM

PHP數組鍵值翻轉方法效能比較顯示:array_flip()函數在大型數組(超過100萬個元素)下比for迴圈效能更優,耗時更短。手動翻轉鍵值的for迴圈方法耗時相對較長。

如何將 MySQL 查詢結果陣列轉換為物件? 如何將 MySQL 查詢結果陣列轉換為物件? Apr 29, 2024 pm 01:09 PM

將MySQL查詢結果陣列轉換為物件的方法如下:建立一個空物件陣列。循環結果數組並為每一行建立一個新的物件。使用foreach迴圈將每一行的鍵值對賦給新物件的對應屬性。將新物件加入到物件數組中。關閉資料庫連線。

PHP數組多維排序實戰:從簡單到複雜場景 PHP數組多維排序實戰:從簡單到複雜場景 Apr 29, 2024 pm 09:12 PM

多維數組排序可分為單列排序和嵌套排序。單列排序可使用array_multisort()函數依列排序;巢狀排序需要遞歸函數遍歷陣列並排序。實戰案例包括按產品名稱排序和按銷售量和價格複合排序。

深度複製PHP數組的最佳實踐:探索高效的方法 深度複製PHP數組的最佳實踐:探索高效的方法 Apr 30, 2024 pm 03:42 PM

在PHP中執行陣列深度複製的最佳實踐是:使用json_decode(json_encode($arr))將陣列轉換為JSON字串,然後再轉換回陣列。使用unserialize(serialize($arr))將陣列序列化為字串,然後將其反序列化為新陣列。使用RecursiveIteratorIterator迭代器對多維數組進行遞歸遍歷。

PHP 數組分組函數在資料整理的應用 PHP 數組分組函數在資料整理的應用 May 04, 2024 pm 01:03 PM

PHP的array_group_by函數可依鍵或閉包函數將陣列中的元素分組,傳回關聯數組,其中鍵為組名,值是屬於該組的元素數組。

PHP 函數如何傳回物件? PHP 函數如何傳回物件? Apr 10, 2024 pm 03:18 PM

PHP函數可以透過使用return語句後接物件實例來傳回對象,從而將資料封裝到自訂結構中。語法:functionget_object():object{}。這允許創建具有自訂屬性和方法的對象,並以對象的形式處理資料。

See all articles