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