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 相关文章推荐
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 Javascript
目前流行的JavaScript库的介绍及对比
Sep 29 Javascript
利用JS生成博文目录及CSS定制博客
Feb 10 Javascript
Angular2中如何使用ngx-translate进行国际化
May 21 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
Sep 13 Javascript
如何在JavaScript中优雅的提取循环内数据详解
Mar 04 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 Javascript
vue+iview使用树形控件的具体使用
Nov 02 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防止form重复提交的方法
2013/07/01 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
PHP类的封装与继承详解
2015/09/29 PHP
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
2013/09/26 Javascript
jquery三个关闭弹出层的小示例
2013/11/05 Javascript
如何判断微信内置浏览器(通过User Agent实现)
2014/09/01 Javascript
JQuery控制图片由中心点逐渐放大效果
2016/06/26 Javascript
20分钟打造属于你的Bootstrap站点
2016/07/27 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
vue项目首屏加载时间优化实战
2019/04/23 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
js实现简易计算器小功能
2020/11/18 Javascript
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
经典c++面试题三
2015/07/08 面试题
汽车维修与检测专业应届生求职信
2013/11/12 职场文书
学生处主任岗位职责
2013/12/01 职场文书
优秀广告词大全
2014/03/19 职场文书
手术室护士长竞聘书
2014/03/31 职场文书
学期评语大全
2014/04/30 职场文书
收款授权委托书
2014/10/02 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
会议室管理制度范本
2015/08/06 职场文书
2016读书月活动心得体会
2016/01/14 职场文书
靠谱准确的求职信
2019/04/02 职场文书