Angular.js中数组操作的方法教程


Posted in Javascript onJuly 31, 2017

前言

前端技术的发展是如此之快,各种优秀技术、优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢。最近在学习Angular.js,将自己学习的一些经验技巧分享给大家,下面本文将给大家介绍关于Angular.js中数组操作的相关资料,话不多说了,来一起看看详细的介绍。

     1:ng-click,ng-model,ng-bind,ng-class,ng-hide,ng-app

     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是对象或函数的名称。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持

Javascript 相关文章推荐
Javascript 同时提交多个Web表单的方法
Feb 19 Javascript
javascript 设置文本框中焦点的位置
Nov 20 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
js实现跨域的方法实例详解
Jun 24 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 Javascript
微信小程序 rich-text的使用方法
Aug 04 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
Jun 27 Javascript
vue+elementUI动态生成面包屑导航教程
Nov 04 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Apr 20 Javascript
uni-app如何页面传参数的几种方法总结
Apr 28 Javascript
JS中的变量作用域(console版)
Jul 18 Javascript
BootStrap导航栏问题记录
Jul 31 #Javascript
Angular4 中内置指令的基本用法
Jul 31 #Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
Jul 31 #Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 #Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 #Javascript
vue组件 $children,$refs,$parent的使用详解
Jul 31 #Javascript
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 #Javascript
You might like
PHP怎样调用MSSQL的存储过程
2006/10/09 PHP
第十四节--命名空间
2006/11/16 PHP
破解图片防盗链的代码(asp/php)测试通过
2010/07/02 PHP
xss防御之php利用httponly防xss攻击
2014/03/21 PHP
PHP将字符分解为多个字符串的方法
2014/11/22 PHP
PHP基于mssql扩展远程连接MSSQL的简单实现方法
2016/10/08 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
2017/10/19 PHP
尽可能写"友好"的"Javascript"代码
2007/01/09 Javascript
关于javascript DOM事件模型的两件事
2010/07/22 Javascript
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
使用jquery实现图文切换效果另加特效
2013/01/20 Javascript
JS教程:window.location使用方法的区别介绍
2013/10/04 Javascript
js setTimeout()函数介绍及应用以倒计时为例
2013/12/12 Javascript
javascript函数声明和函数表达式区别分析
2014/12/02 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
基于zepto.js实现手机相册功能
2017/07/11 Javascript
JS函数节流和防抖之间的区分和实现详解
2019/01/11 Javascript
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
Python实现处理逆波兰表达式示例
2018/07/30 Python
Django框架视图层URL映射与反向解析实例分析
2019/07/29 Python
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
adidas瑞典官方网站:购买阿迪达斯鞋子和运动服
2019/12/11 全球购物
意大利在线高尔夫商店:Online Golf
2021/03/09 全球购物
写出程序把一个链表中的接点顺序倒排
2014/04/28 面试题
个人找工作自荐信格式
2013/09/21 职场文书
年度献血先进个人事迹材料
2014/02/14 职场文书
上海世博会口号
2014/06/19 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
入党申请书格式
2019/06/20 职场文书