Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
avascirpt 數組中的方法,數組的轉換是我們在項目的開發過程中,數據類型之間的轉換有著非常重要的作用,而數組轉換成其他數據類型是我們常見的一種。toString該方法是對數組轉換成字符串,數組的每一個元素都會調用 「toString」方法 ,返回一個新字符串。該字符串是以數組中的每一個元素的字符串形式拼接而成,且元素之間用逗號分隔。
join該方法也是將一個數組轉換成字符串,返回一個新的字符串。方法會將數組的每一個元素轉換成字符串,然后再用給定的字符去拼接成一個新的字符串返回給我們。該方法接受一個參數:就是我們給定的分隔符。array.join(separator)的語法看上去比較簡單,但是有幾點我們需要注意
數組的排序用到的場景有很多,比如表格的升序與降序,數據從大到小排列或者按照某些規則去排列等等都會用到排序,如何有效到使用數據到排序方法,首先你要對這些方法有一定的了解才能使用比較恰當的方法。reverse從名稱我們應該就能猜出該方法的作用,該方法就是將數組中的元素顛倒順序。
sort該方法對數組的元素進行排序,默認情況下按照升序排列。先看看下面兩個例子
你會發現排序規則并不是我們想想的那樣,究竟是怎么一回事情呢?其實在「sort」方法執行的時候,數組的每個元素會先執行一次 toString() 方法,然后在根據字符串的 Unicode 編碼進行排序。
想使用JavaScript,實現冒泡排序的動態效果,如下圖:
冒泡排序
要實現該功能,首先準備一個 html 模板,用來生成不同長度的進度條,來直觀的展示不同大小的數字:
html 模板
然后準備好幾個函數:
隨機生成數字的函數:
生成 length 個大小在 m 和 n 之間的數字
初始化長度條的函數
先獲取模板: let template=document.getElementById('template').innerHTML;
初始化長度條函數
對數字進行排序的函數:
這里準備了兩個排序函數,一個是冒泡排序,一個是選擇排序:
冒泡排序
選擇排序
以將亂序的數組進行排序,使其升序或降序排列。
以下是使用 JavaScript 編寫的升序排列和降序排列的示例代碼。
let unsortedArray=[4, 6, 1, 9, 2, 5, 8, 3];
let sortedArray=[];
for (let i=0; i < unsortedArray.length; i++) {
sortedArray.push(unsortedArray[i]);
}
console.log(sortedArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
let unsortedArray=[9, 8, 7, 6, 5, 4, 3, 2, 1];
let sortedArray=[];
for (let i=0; i < unsortedArray.length; i++) {
sortedArray.push(unsortedArray[i]);
}
console.log(sortedArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
在 JavaScript 中,可以使用 Array.sort() 方法對數組進行排序。該方法接受兩個參數:要排序的數組和比較函數。比較函數用于比較兩個元素的大小關系,如果比較對象是 true,則返回 0,否則返回 -1。
以下是升序排列的示例代碼:
let unsortedArray=[4, 6, 1, 9, 2, 5, 8, 3];
let sortedArray=[];
for (let i=0; i < unsortedArray.length; i++) {
sortedArray.push(unsortedArray[i]);
}
sortedArray.sort((a, b)=> a - b);
console.log(sortedArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
在上面的代碼中,比較函數使用 a - b 表示兩個元素之間的大小關系。sort() 方法按升序對數組進行排序,將其轉換為 [1, 2, 3, 4, 5, 6, 7, 8, 9]。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。