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 相关文章推荐
脚本安需导入(装载)的三种模式的对比
Jun 24 Javascript
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
javascript &&和||运算法的另类使用技巧
Nov 28 Javascript
js获得地址栏?问号后参数的方法
Aug 08 Javascript
jquery实现动态菜单的实例代码
Nov 28 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
使用原生js编写一个简单的框选功能方法
May 13 Javascript
微信公众号平台接口开发 菜单管理的实现
Aug 14 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
提示Trying to clone an uncloneable object of class Imagic的解决
2011/10/27 PHP
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
2014/07/18 PHP
Yii分页用法实例详解
2014/12/04 PHP
PHP的Socket通信之UDP通信实例
2015/07/02 PHP
Twig模板引擎用法入门教程
2016/01/20 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
详解php反序列化
2020/06/10 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
js 动态选中下拉框
2009/11/26 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
jquery.tmpl JQuery模板插件
2011/10/10 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
2015/01/29 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
继续学习javascript闭包
2015/12/03 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
JavaScript事件详细讲解
2016/06/27 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
详解小程序原生使用ES7 async/await语法
2018/08/06 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
基于python的Tkinter实现一个简易计算器
2015/12/31 Python
Django的信号机制详解
2017/05/05 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
python解析yaml文件过程详解
2019/08/30 Python
jupyter notebook实现显示行号
2020/04/13 Python
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
Sasa莎莎海外旗舰店:香港莎莎美妆平台
2018/03/21 全球购物
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
美国豪华的多品牌精品店:The Webster
2019/07/31 全球购物
师范生自荐信范文
2013/10/06 职场文书
校园自助餐厅的创业计划书
2013/12/26 职场文书
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS
使用Spring处理x-www-form-urlencoded方式
2021/11/02 Java/Android