AngularJS陣列操作

2021-07-13 20:34:41 字數 2020 閱讀 4919

2:placeholder,

3:{}中加入**「:true|false」,使用逗號隔開,可以控制包括樣式,顯示與隱藏等功能,}

1、陣列的建立

var arrayobj = new array();//建立乙個陣列

var arrayobj = new array([size]);//建立乙個陣列並指定長度,注意不是上限,是長度

var arrayobj = new array([element0[, element1[, ...[, elementn]]]]);//建立乙個陣列並賦值

2、陣列的元素的訪問

var testgetarrvalue=arrayobj[1]; //獲取陣列的元素值

arrayobj[1]= "這是新值"; //給陣列元素賦予新的值

3、陣列元素的新增

arrayobj. push([item1 [item2 [. . . [itemn ]]]]);// 將乙個或多個新元素新增到陣列結尾,並返回陣列新長度

arrayobj.unshift([item1 [item2 [. . . [itemn ]]]]);// 將乙個或多個新元素新增到陣列開始,陣列中的元素自動後移,返回陣列新長度

arrayobj.splice(insertpos,0,[item1[, item2[, . . . [,itemn]]]]);//將乙個或多個新元素插入到陣列的指定位置,插入位置的元素自動後移,返回""。

4、陣列元素的刪除

arrayobj.pop(); //移除最後乙個元素並返回該元素值

arrayobj.shift(); //移除最前乙個元素並返回該元素值,陣列中元素自動前移

arrayobj.splice(deletepos,deletecount); //刪除從指定位置deletepos開始的指定數量deletecount的元素,陣列形式返回所移除的元素

5、陣列的擷取和合併

arrayobj.slice(start, [end]); //以陣列的形式返回陣列的一部分,注意不包括 end 對應的元素,如果省略 end 將複製 start 之後的所有元素

arrayobj.concat([item1[, item2[, . . . [,itemn]]]]); //將多個陣列(也可以是字串,或者是陣列和字串的混合)連線為乙個陣列,返回連線好的新的陣列

6、陣列的拷貝

arrayobj.slice(0); //返回陣列的拷貝陣列,注意是乙個新的陣列,不是指向

arrayobj.concat(); //返回陣列的拷貝陣列,注意是乙個新的陣列,不是指向

7、陣列元素的排序

arrayobj.reverse(); //反轉元素(最前的排到最後、最後的排到最前),返回陣列位址

arrayobj.sort(); //對陣列元素排序,返回陣列位址

8、陣列元素的字串化

arrayobj.join(separator); //返回字串,這個字串將陣列的每乙個元素值連線在一起,中間用 separator 隔開。

tolocalestring 、tostring 、valueof:可以看作是join的特殊用法,不常用

陣列物件的3個屬性

1、length 屬性,length屬性表示陣列的長度,即其中元素的個數。索引總是由0開始,所以乙個陣列的上下限分別是:0和length-1。

2、prototype 屬性

返回物件型別原型的引用。prototype 屬性是 object 共有的。

objectname.prototype

objectname 引數是object物件的名稱。

3、constructor 屬性

表示建立物件的函式。

object.constructor //object是物件或函式的名稱。

譯 AngularJS中DOM操作

再翻譯一篇乾貨短文,原文 angularjs jquery 雖然angularjs將我們從dom的操作中解放出來了,但是很多時候我們還是會需要在controller view載入之後執行一些dom操作。問題是我們將dom操作的 放到controller中,然而controller是先於view載入的...

AngularJS 表單操作用法

html 控制項 以下 html input 元素被稱為 html 控制項 input 元素 select 元素 button 元素 textarea 元素 資料繫結 input 控制項使用 ng model 指令來實現資料繫結。通過以上 應用有了乙個名為 firstname 的屬性。它通過 ng ...

angularjs的陣列傳參方式的簡單實現

初學 angularjs時,對 陣列傳參方式感到很好奇 a b function a,b 它到底怎麼實現的呢?後來由於工作很忙,對這個問題也就慢慢忘記了。今天閒來無事,有想到了這個問題。最簡單的方法就是檢視他的源 無奈本人e文不好,不說看他的設計邏輯,僅看英文注釋就夠我頭疼了。嘗試閉門造車,最終竟然...