欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js對象之JS入門之Array對象操作小結(jié)

 更新時間:2011年01月09日 18:36:46   作者:  
每天一對象,今天我們也來new一個。沒有系統(tǒng)的學(xué)過JS,沒有特別的寫過一個比較出色的類庫,沒有運用過一個很強的類庫,prototype.js在進行著,慢慢的前進相信不久的將來就可以應(yīng)用prototype.js來開發(fā)自己的應(yīng)用程序了。
不過在學(xué)腳本prototype.js的過程中發(fā)現(xiàn)有些方法我們很少用到,但是有些方法好像很經(jīng)典,腳本庫在不斷的加大,眼前一片...繼續(xù)我們JS入門,今天學(xué)習(xí)一下Array數(shù)組。

首先我們來看看它的定義:

復(fù)制代碼 代碼如下:

var arrayObj = new Array()
var arrayObj = new Array([size])
var arrayObj = new Array([element0[, element1[, [, elementN]]]])

其中:arrayObj是賦值為 Array 對象的變量名。 
        size由于數(shù)組的下標(biāo)是從零開始,創(chuàng)建的元素的下標(biāo)將從零到 size -1。 
        element0,...,elementN這將創(chuàng)建具有 n + 1 個元素的長度為 n + 1 的數(shù)組。使用該語法時必須有一個以上元素。

  如果只向 Array 的構(gòu)造函數(shù)傳遞了一個參數(shù),而該參數(shù)是數(shù)字,則它必須是無符號 32 位整數(shù)(大約 40 億)。該值成為數(shù)組的大小。如果該值為數(shù)值,但小于 0 或不為整數(shù),發(fā)生運行時錯誤。

  如果傳遞給 Array 構(gòu)造函數(shù)的是單個值并且不是數(shù)值,設(shè)置 length 屬性為 1,而且唯一的元素值成為單個的傳入的參數(shù)。

  由于JS數(shù)組為解析數(shù)組,也就是盡管可以分配多個元素給一個數(shù)組,但實際上只有包含數(shù)據(jù)的元素才存在。這減少了數(shù)組使用的內(nèi)存數(shù)量。

  Array對象具有三個內(nèi)置屬性:constructor,length,prototype我會在特地寫一篇關(guān)于constructor, prototype,arguments等對象屬性的文章,在這里就不在多說了。下面我們主要看看Array內(nèi)置的一些方法,這個對我們很重要,因為會經(jīng)常用得這個東東。

  concat方法:連接兩個或多個數(shù)組并返回一個新的數(shù)組。值得我們注意的是(引用類型)對于從正被連接到新數(shù)組的數(shù)組中復(fù)制的對象參數(shù),復(fù)制后仍然指向相同的對象,不論新數(shù)組和源數(shù)組中哪一個有改變,都將引起另一個的改變; (值類型)對于連接到新數(shù)組的數(shù)值或字符串,只復(fù)制其值,一個數(shù)組中值有改變并不影響另一個數(shù)組中的值。例子:

復(fù)制代碼 代碼如下:

function ConcatArrayDemo(){
var a, b, c, d;
a = new Array(1,2,3);
b = "JScript";
c = new Array(42, "VBScript);
d = a.concat(b, c);
// 返回數(shù)組 [1, 2, 3, "JScript", 42, "VBScript"]
return(d);
}

join方法:將數(shù)組中的項,按特定的分隔符轉(zhuǎn)化為字符串并返回,默認(rèn)分隔符為逗號,例子:
復(fù)制代碼 代碼如下:

function JoinDemo(){
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");
//返回:"0-1-2-3-4"
return(b);
}

pop方法:移除數(shù)組中的最后一個元素,并返回該元素。如果該數(shù)組為空則返回undefined。

  push方法:將以新元素出現(xiàn)的順序添加這些元素如果參數(shù)之一為數(shù)組,那么該數(shù)組將作為單個元素添加到數(shù)組中。如果要合并兩個或多個數(shù)組中的元素,請使用concat 方法。

  reverse 方法將一個 Array 對象中的元素位置進行反轉(zhuǎn)。在執(zhí)行過程中,這個方法并不會創(chuàng)建一個新的 Array 對象。如果數(shù)組是不連續(xù)的,reverse 方法將在數(shù)組中創(chuàng)建元素以便填充數(shù)組中的間隔。這樣所創(chuàng)建的全部元素的值都是 undefined。

復(fù)制代碼 代碼如下:

function ReverseDemo(){
var a, l; // 聲明變量。
a = new Array(0,1,2,3,4); // 創(chuàng)建數(shù)組并賦值。
l = a.reverse(); // 反轉(zhuǎn)數(shù)組的內(nèi)容。
//返回:l=[4,3,2,1,0]
return(l); // 返回結(jié)果數(shù)組。
}

shift 方法可移除數(shù)組中的第一個元素并返回該元素。 

  slice 方法返回一個 Array 對象,其中包含了 arrayObj 的指定部分。slice 方法一直復(fù)制到 end 所指定的元素,但是不包括該元素。如果 start 為負(fù),將它作為 length + start處理,此處 length 為數(shù)組的長度。如果 end 為負(fù),就將它作為 length + end 處理,此處 length 為數(shù)組的長度。如果省略 end ,那么slice 方法將一直復(fù)制到 arrayObj 的結(jié)尾。如果 end 出現(xiàn)在 start 之前,不復(fù)制任何元素到新數(shù)組中。例子:
復(fù)制代碼 代碼如下:

//除了最后一個元素之外,myArray 中所有的元素都被復(fù)制到 newArray 中:
newArray = myArray.slice(0, -1)

sort 方法將 Array 對象進行適當(dāng)?shù)呐判?;在?zhí)行過程中并不會創(chuàng)建新的 Array 對象。如果為 sortfunction 參數(shù)提供了一個函數(shù),那么該函數(shù)必須返回下列值之一:

負(fù)值,如果所傳遞的第一個參數(shù)比第二個參數(shù)小。
零,如果兩個參數(shù)相等。
正值,如果第一個參數(shù)比第二個參數(shù)大。
復(fù)制代碼 代碼如下:

function SortDemo(){
var a, l; // 聲明變量。
a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
l = a.sort(); // 排序數(shù)組。
return(l); // 返回排序的數(shù)組。
}

splice 方法可以移除從 start 位置開始的指定個數(shù)的元素并插入新元素,從而修改 arrayObj。返回值是一個由所移除的元素組成的新 Array 對象。 格式如下:
復(fù)制代碼 代碼如下:

arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

  toLocaleString 方法 將在Date對象中講解,一般這個方法只是返回給用戶,不作為代碼中計算。

  unshift 方法將這些元素插入到一個數(shù)組的開始部分,所以這些元素將以參數(shù)序列中的次序出現(xiàn)在數(shù)組中。格式如下: 
復(fù)制代碼 代碼如下:

arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])

  valueOf方法&toString() 數(shù)組的元素被轉(zhuǎn)換為字符串,這些字符串由逗號分隔,連接在一起。其操作與 Array.toString 和 Array.join 方法相同。 

  到這里Array對象的所有東東也就差不多了,我把他們整理出來一個是為了能夠鞏固我的腳本知識,再次聲明很多的例子都是前人留下來的,如果對你有不舒服的感覺請見諒!

相關(guān)文章

  • 原生JS實現(xiàn)頂部導(dǎo)航欄顯示按鈕+搜索框功能

    原生JS實現(xiàn)頂部導(dǎo)航欄顯示按鈕+搜索框功能

    這篇文章主要介紹了原生js實現(xiàn)頂部導(dǎo)航欄顯示按鈕+搜索框功能,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-12-12
  • javascript利用鍵盤控制小方塊的移動

    javascript利用鍵盤控制小方塊的移動

    這篇文章主要為大家詳細(xì)介紹了javascript利用鍵盤控制小方塊的移動,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-04-04
  • D3.js實現(xiàn)直方圖的方法詳解

    D3.js實現(xiàn)直方圖的方法詳解

    直方圖在我們平常的時候經(jīng)常見到,那么這篇文章給大家介紹了下如何使用D3.js實現(xiàn)直方圖,文中通過實例介紹的很詳細(xì),有需要的朋友們可以參考借鑒。
    2016-09-09
  • TypeScript魔法堂之枚舉的超實用手冊

    TypeScript魔法堂之枚舉的超實用手冊

    這篇文章主要介紹了TypeScript魔法堂之枚舉的超實用手冊,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • window.showModalDialog()返回值的學(xué)習(xí)心得總結(jié)

    window.showModalDialog()返回值的學(xué)習(xí)心得總結(jié)

    本篇文章主要介紹了window.showModalDialog()返回值的學(xué)習(xí)心得。需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • ECharts地圖繪制和鉆取簡易接口詳解

    ECharts地圖繪制和鉆取簡易接口詳解

    這篇文章主要給大家介紹了關(guān)于ECharts地圖繪制和鉆取簡易接口的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用ECharts具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • Javascript四舍五入Math.round()與Math.pow()使用介紹

    Javascript四舍五入Math.round()與Math.pow()使用介紹

    本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用,感興趣的朋友不要錯過
    2013-12-12
  • js運算精度丟失的2個解決方法

    js運算精度丟失的2個解決方法

    近期在做項目的時候,遇到了一些JS浮點數(shù)精度的問題,這個問題其實說大不大,說小不小,下面這篇文章主要給大家介紹了關(guān)于js運算精度丟失的2個解決方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-06-06
  • 一個XML格式數(shù)據(jù)轉(zhuǎn)換為圖表的例子

    一個XML格式數(shù)據(jù)轉(zhuǎn)換為圖表的例子

    這個例子使用的是轉(zhuǎn)換為VML的語法,換成其他如SVG的語法,就可以轉(zhuǎn)換成為SVG圖形,單元數(shù)量可以任意加。
    2010-02-02
  • Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)

    Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)

    這篇文章主要介紹了Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10

最新評論