Array 重排序方法和操作方法的簡(jiǎn)單實(shí)例
更新時(shí)間:2014年01月24日 09:39:37 作者:
下面小編就為大家簡(jiǎn)單的介紹Array中reverse(),sort(),concat(),slice(),splice()方法的應(yīng)用。一起過(guò)來(lái)看看吧
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>重排序方法和操作方法</title>
<script type="text/javascript">
//排序方法
function basicSort(){
var values=[0,10,2,3,12,5];
alert(values.reverse());//reverse()方法只是把數(shù)組的順序反過(guò)來(lái)
alert(values.sort());//sort()方法比較的是字符串,大多數(shù)情況不是最佳的方案
alert(values.sort(compare));//sort()方法可以接收一個(gè)比較函數(shù)作為參數(shù)
}
//自定義比較函數(shù),返回的數(shù)組是升序,也可以通過(guò)改變代碼,如 value1<value2 return 1等來(lái)達(dá)到結(jié)果是降序的。
function compare(value1,value2){
if(value1 < value2){
return -1;
}else if(value1 > value2){
return 1;
}else{
return 0;
}
}
//操作方法 concat()方法是基于當(dāng)前的數(shù)組中的所有項(xiàng)創(chuàng)建一個(gè)新數(shù)組
function basicConcat(){
var colors=["red","blue","pink"];
var colors2=colors.concat("yellow",["black","brown"]);//red,blue,pink,yellow,black,brown
alert(colors2);
}
//方法是基于當(dāng)前的數(shù)組中的所有項(xiàng)創(chuàng)建一個(gè)新數(shù)組,可以接收一個(gè)或者兩個(gè)參數(shù),即截取 end > str >=start(即不包括結(jié)束位置的項(xiàng))
function basicSlice(){
var colors=["red","blue","pink","yello","white"];
var colors2=colors.slice(1);
var colors3=colors.slice(1,4);
alert(colors2);
alert(colors3);
}
function basicSplice(){
var colors=["red","blue","pink","yello","white"];
var removed=colors.splice(0,2);//表刪除 即刪除前兩項(xiàng)
alert("刪除的項(xiàng):"+removed+"----現(xiàn)在的項(xiàng):"+colors)
var inserted=colors.splice(1,0,"black","gray");//表示在位置1處刪除0項(xiàng),插入新加項(xiàng)
alert("現(xiàn)在的項(xiàng):"+colors);
}
</script>
</head>
<body>
<input type="button" value="排序Sort" onclick="basicSort();" />
<input type="button" value="concat" onclick="basicConcat();" />
<input type="button" value="slice" onclick="basicSlice();" />
<input type="button" value="splice" onclick="basicSplice();" />
</body>
</html>
您可能感興趣的文章:
相關(guān)文章
js實(shí)現(xiàn)隨機(jī)div顏色位置 類似滿天星效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)隨機(jī)div顏色位置,類似滿天星效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10調(diào)試JavaScript中正則表達(dá)式中遇到的問(wèn)題
這篇文章主要介紹了調(diào)試JavaScript中正則表達(dá)式中遇到的問(wèn)題,需要的朋友可以參考下2015-01-01利用JavaScript實(shí)現(xiàn)的10種排序算法總結(jié)
這篇文章主要介紹了利用JavaScript實(shí)現(xiàn)的十種排序算法,主要介紹了冒泡,選擇,插入,希爾,歸并,快速,堆排,計(jì)數(shù),桶排和基數(shù),有感興趣的小伙伴可以參考閱讀本文2023-05-05iis6+javascript Add an Extension File
iis6+javascript Add an Extension File...2007-06-06javascript實(shí)現(xiàn)獲取圖片大小及圖片等比縮放的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)獲取圖片大小及圖片等比縮放的方法,涉及javascript針對(duì)圖形圖像相關(guān)屬性獲取與修改相關(guān)操作技巧,需要的朋友可以參考下2016-11-11