Angular.js中數(shù)組操作的方法教程
前言
前端技術(shù)的發(fā)展是如此之快,各種優(yōu)秀技術(shù)、優(yōu)秀框架的出現(xiàn)簡(jiǎn)直讓人目不暇接,緊跟時(shí)代潮流,學(xué)習(xí)掌握新知識(shí)自然是不敢怠慢。最近在學(xué)習(xí)Angular.js,將自己學(xué)習(xí)的一些經(jīng)驗(yàn)技巧分享給大家,下面本文將給大家介紹關(guān)于Angular.js中數(shù)組操作的相關(guān)資料,話不多說(shuō)了,來(lái)一起看看詳細(xì)的介紹。
1:ng-click,ng-model,ng-bind,ng-class,ng-hide,ng-app
2:placeholder,
3:{}中加入代碼“:true|false”,使用逗號(hào)隔開(kāi),可以控制包括樣式,顯示與隱藏等功能,}
1、數(shù)組的創(chuàng)建
var arrayObj = new Array();//創(chuàng)建一個(gè)數(shù)組 var arrayObj = new Array([size]);//創(chuàng)建一個(gè)數(shù)組并指定長(zhǎng)度,注意不是上限,是長(zhǎng)度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);//創(chuàng)建一個(gè)數(shù)組并賦值
2、數(shù)組的元素的訪問(wèn)
var testGetArrValue=arrayObj[1]; //獲取數(shù)組的元素值 arrayObj[1]= "這是新值"; //給數(shù)組元素賦予新的值
3、數(shù)組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組結(jié)尾,并返回?cái)?shù)組新長(zhǎng)度 arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組開(kāi)始,數(shù)組中的元素自動(dòng)后移,返回?cái)?shù)組新長(zhǎng)度 arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個(gè)或多個(gè)新元素插入到數(shù)組的指定位置,插入位置的元素自動(dòng)后移,返回""。
4、數(shù)組元素的刪除
arrayObj.pop(); //移除最后一個(gè)元素并返回該元素值 arrayObj.shift(); //移除最前一個(gè)元素并返回該元素值,數(shù)組中元素自動(dòng)前移 arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開(kāi)始的指定數(shù)量deleteCount的元素,數(shù)組形式返回所移除的元素
5、數(shù)組的截取和合并
arrayObj.slice(start, [end]); //以數(shù)組的形式返回?cái)?shù)組的一部分,注意不包括 end 對(duì)應(yīng)的元素,如果省略 end 將復(fù)制 start 之后的所有元素 arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個(gè)數(shù)組(也可以是字符串,或者是數(shù)組和字符串的混合)連接為一個(gè)數(shù)組,返回連接好的新的數(shù)組
6、數(shù)組的拷貝
arrayObj.slice(0); //返回?cái)?shù)組的拷貝數(shù)組,注意是一個(gè)新的數(shù)組,不是指向 arrayObj.concat(); //返回?cái)?shù)組的拷貝數(shù)組,注意是一個(gè)新的數(shù)組,不是指向
7、數(shù)組元素的排序
arrayObj.reverse(); //反轉(zhuǎn)元素(最前的排到最后、最后的排到最前),返回?cái)?shù)組地址 arrayObj.sort(); //對(duì)數(shù)組元素排序,返回?cái)?shù)組地址
8、數(shù)組元素的字符串化
arrayObj.join(separator); //返回字符串,這個(gè)字符串將數(shù)組的每一個(gè)元素值連接在一起,中間用 separator 隔開(kāi)。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
數(shù)組對(duì)象的3個(gè)屬性
1、length 屬性,Length屬性表示數(shù)組的長(zhǎng)度,即其中元素的個(gè)數(shù)。索引總是由0開(kāi)始,所以一個(gè)數(shù)組的上下限分別是:0和length-1。
2、prototype 屬性
返回對(duì)象類(lèi)型原型的引用。prototype 屬性是 object 共有的。
objectName.prototype
objectName 參數(shù)是object對(duì)象的名稱(chēng)。
3、constructor 屬性
表示創(chuàng)建對(duì)象的函數(shù)。
object.constructor //object是對(duì)象或函數(shù)的名稱(chēng)。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持
- JavaScript操作數(shù)組的常用方法總結(jié)
- JavaScript中常用的數(shù)組操作方法
- JavaScript數(shù)組及常見(jiàn)操作方法小結(jié)
- javascript數(shù)組常見(jiàn)操作方法實(shí)例總結(jié)【連接、添加、刪除、去重、排序等】
- JS簡(jiǎn)單數(shù)組排序操作示例【sort方法】
- js array數(shù)組對(duì)象操作方法匯總
- JavaScript常用數(shù)組操作方法,包含ES6方法
- js 數(shù)組詳細(xì)操作方法及解析合集
- 梳理總結(jié)25個(gè)JavaScript數(shù)組操作方法實(shí)例
相關(guān)文章
AngularJS基礎(chǔ) ng-mouseenter 指令示例代碼
本文主要介紹AngularJS ng-mouseenter 指令,這里對(duì)ng-mouseenter 指令基礎(chǔ)資料做了詳細(xì)整理,并附代碼實(shí)例,有需要的小伙伴可以參考下2016-08-08Angular8引入百度Echarts進(jìn)行圖表分析的實(shí)現(xiàn)代碼
這篇文章主要介紹了Angular8引入百度Echarts進(jìn)行圖表分析的實(shí)現(xiàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11AngularJS入門(mén)教程之表格實(shí)例詳解
本文主要介紹AngularJS 表格,這里給大家整理了相關(guān)知識(shí),并附代碼實(shí)例,有需要的小伙伴可以參考下2016-07-07AngularJS實(shí)現(xiàn)的根據(jù)數(shù)量與單價(jià)計(jì)算總價(jià)功能示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的根據(jù)數(shù)量與單價(jià)計(jì)算總價(jià)功能,涉及AngularJS事件響應(yīng)與數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-12-12深入探究AngularJS框架中Scope對(duì)象的超級(jí)教程
這篇文章主要介紹了AngularJS框架中Scope對(duì)象使用的相關(guān)學(xué)習(xí)教程,包括其和rootscope的區(qū)別介紹,需要的朋友可以參考下2016-01-01