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 相关文章推荐
js 异步处理进度条
Apr 01 Javascript
解析javascript 实用函数的使用详解
May 10 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
Jul 09 Javascript
js导出格式化的excel 实例方法
Jul 17 Javascript
javascript遍历控件实例详细解析
Jan 10 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 Javascript
详解JavaScript语言的基本语法要求
Nov 20 Javascript
简单的jQuery banner图片轮播实例代码
Mar 04 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
微信小程序实现美团菜单
Jun 06 Javascript
JS实现checkbox互斥(单选)功能示例
May 04 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
windows环境下php配置memcache的具体操作步骤
2013/06/09 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
php中二分法查找算法实例分析
2016/09/22 PHP
PHP完全二叉树定义与实现方法示例
2017/10/09 PHP
Javascript 函数对象的多重身份
2009/06/28 Javascript
javascript 表单规则集合对象
2009/07/21 Javascript
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
2013/12/05 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
jquery ztree实现下拉树形框使用到了json数据
2014/05/14 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
2016/01/25 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
2016/04/18 Javascript
深入浅析knockout源码分析之订阅
2016/07/12 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
python使用多线程不断刷新网页的方法
2015/03/31 Python
python使用logging模块发送邮件代码示例
2018/01/18 Python
python实现维吉尼亚加密法
2019/03/20 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
Django异步任务线程池实现原理
2019/12/17 Python
python小项目之五子棋游戏
2019/12/26 Python
TensorFlow实现自定义Op方式
2020/02/04 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
Python 如何查找特定类型文件
2020/08/17 Python
python如何控制进程或者线程的个数
2020/10/16 Python
让IE支持CSS3的不完全兼容方案
2014/09/19 HTML / CSS
专科生就业求职信
2014/06/22 职场文书
先进班组事迹材料
2014/12/25 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技