Angular.js中數(shù)組操作的方法教程
前言
前端技術(shù)的發(fā)展是如此之快，各種優(yōu)秀技術(shù)、優(yōu)秀框架的出現(xiàn)簡直讓人目不暇接，緊跟時(shí)代潮流，學(xué)習(xí)掌握新知識自然是不敢怠慢。最近在學(xué)習(xí)Angular.js，將自己學(xué)習(xí)的一些經(jīng)驗(yàn)技巧分享給大家，下面本文將給大家介紹關(guān)于Angular.js中數(shù)組操作的相關(guān)資料，話不多說了，來一起看看詳細(xì)的介紹。
1:ng-click,ng-model,ng-bind,ng-class,ng-hide,ng-app
2:placeholder,
3:{}中加入代碼“：true|false”,使用逗號隔開，可以控制包括樣式，顯示與隱藏等功能，}
1、數(shù)組的創(chuàng)建
var arrayObj = new Array();//創(chuàng)建一個(gè)數(shù)組 var arrayObj = new Array([size]);//創(chuàng)建一個(gè)數(shù)組并指定長度，注意不是上限，是長度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);//創(chuàng)建一個(gè)數(shù)組并賦值
2、數(shù)組的元素的訪問
var testGetArrValue=arrayObj[1]; //獲取數(shù)組的元素值 arrayObj[1]= "這是新值"; //給數(shù)組元素賦予新的值
3、數(shù)組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組結(jié)尾，并返回?cái)?shù)組新長度 arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組開始，數(shù)組中的元素自動(dòng)后移，返回?cái)?shù)組新長度 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開始的指定數(shù)量deleteCount的元素，數(shù)組形式返回所移除的元素
5、數(shù)組的截取和合并
arrayObj.slice(start, [end]); //以數(shù)組的形式返回?cái)?shù)組的一部分，注意不包括 end 對應(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(); //對數(shù)組元素排序，返回?cái)?shù)組地址
8、數(shù)組元素的字符串化
arrayObj.join(separator); //返回字符串，這個(gè)字符串將數(shù)組的每一個(gè)元素值連接在一起，中間用 separator 隔開。
toLocaleString 、toString 、valueOf：可以看作是join的特殊用法，不常用
數(shù)組對象的3個(gè)屬性
1、length 屬性,Length屬性表示數(shù)組的長度，即其中元素的個(gè)數(shù)。索引總是由0開始，所以一個(gè)數(shù)組的上下限分別是：0和length-1。
2、prototype 屬性
返回對象類型原型的引用。prototype 屬性是 object 共有的。
objectName.prototype
objectName 參數(shù)是object對象的名稱。
3、constructor 屬性
表示創(chuàng)建對象的函數(shù)。
object.constructor //object是對象或函數(shù)的名稱。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持
相關(guān)文章
AngularJS中的Directive自定義一個(gè)表格
本篇文章給大家介紹在angularjs中自定義一個(gè)有關(guān)表格的directive，涉及到angularjs directive相關(guān)知識，對本文感興趣的朋友一起學(xué)習(xí)吧2016-01-01
AngularJS路由切換實(shí)現(xiàn)方法分析
這篇文章主要介紹了AngularJS路由切換實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式分析了AngularJS路由切換的實(shí)現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
Angular2.0實(shí)現(xiàn)modal對話框的方法示例
這篇文章主要介紹了Angular2.0實(shí)現(xiàn)modal對話框的方法,結(jié)合實(shí)例形式分析了angular2.0實(shí)現(xiàn)modal對話框的樣式、界面及功能等相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
promise是一種用異步的方式處理值的方法，promise是對象，代表了一個(gè)函數(shù)最終可能的返回值或者拋出的異常，在與遠(yuǎn)程對象打交道時(shí)我們可以把他看作是遠(yuǎn)程對象的一個(gè)代理，通過本文給大家介紹AngularJS中處理多個(gè)promise的方式及什么是promise，需要的朋友參考下2016-02-02
這篇文章主要為大家詳細(xì)介紹了angular6開發(fā)steps步驟條組件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
今天小編就為大家分享一篇angular中子控制器向父控制器傳值的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
AngularJS 中的指令實(shí)踐開發(fā)指南(一)
指令（Directives）是所有AngularJS應(yīng)用最重要的部分。盡管AngularJS已經(jīng)提供了非常豐富的指令，但還是經(jīng)常需要?jiǎng)?chuàng)建應(yīng)用特定的指令。這篇教程會(huì)為你講述如何自定義指令，以及介紹如何在實(shí)際項(xiàng)目中使用2016-03-03
angularjs1.5 組件內(nèi)用函數(shù)向外傳值的實(shí)例
今天小編就為大家分享一篇angularjs1.5 組件內(nèi)用函數(shù)向外傳值的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
AngularJS實(shí)現(xiàn)樹形結(jié)構(gòu)(ztree)菜單示例代碼
這篇文章運(yùn)用示例代碼給大家詳細(xì)介紹了利用AngularJS如何實(shí)現(xiàn)樹形結(jié)構(gòu)(ztree)菜單，文中僅用了幾行AngularJS代碼就是了這個(gè)功能，對大家日常開發(fā)很有幫助，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-09-09
AngularJS中的Promise詳細(xì)介紹及實(shí)例代碼
這篇文章主要介紹了AngularJS中的Promise詳細(xì)介紹及實(shí)例代碼的相關(guān)資料,Promise是一種模式，以同步操作的流程形式來操作異步事件，避免了層層嵌套，可以鏈?zhǔn)讲僮鳟惒绞录?，需要的朋友可以參考?/div> 2016-12-12最新評論