js Array数组的使用
- Array是javascript中的一个事先定义好的对象(也可以称作一个类),可以直接使用
- 创建Array对象
- var array=new Array();
- 创建指定元素个数的Array对象
- var array=new Array(23);
- 创建具有指定元素的Array对象:
- var array=new Array(‘张飒’,'李四','物流','张贲');
- 输出Array对象中的所有元素的值
- for...in
- var array=new Array(‘张飒’,'李四','物流','张贲');
- for(var index in array)
- {
- alert(array[index])
- }
- 为已有Array对象添加元素
- array[5]='田七';
- 无论Array对象事先是否定义好了大小,都可以为其添加元素,如果未按索引顺序添加元素,中间
- 元素将会以null填充
- 替换原有元素
- array[2]="123";
- 直接指定要替换的Array元素的索引,直接赋值即可替换
- Array对象声明的另外一种方式,
- 不适用new关键字,而是直接使用[]将元素的值包括起来,
- 这和使用new关键字的效果一样
- var array =['张三', '李四', '王五', '赵六'];
- 将Array中的所有元素组成一个字符串 toString()方法:
- 将所有元素以","号连接起来,组成一个字符串。
- var array = ['张三', '李四', '王五', '赵六'];
- alert(array.toString());
- 如果想以自定义的符号作为Array对象中元素的分隔符
- 可以使用join
- 以"-"分割
- var array = ['张三', '李四', '王五', '赵六'];
- alert(array.join('-'));
- 以"/"分割
- var array = ['张三', '李四', '王五', '赵六'];
- alert(array.join('/'));
- 将字符串转换成Array对象(数组)
- 很熟悉的方法
- var str = '张三,李四,王五,赵六';
- var array=str.split(',');
- alert(array.toString());
- 上面的例子如果使用空格分割呢?
- 下面的语句使用空格分割呢?有神马用处?
- var str = '张三李四王五赵六';
- var array=str.split('');
- alert(array.toString());
- 2个有用的方法
- concat():在数组的末尾添加元素,并返回一个新的数组,原数组不变。
- var array = new Array('张三,李四,王五,赵六');
- var array1= array.concat('田七', '王八');
- alert(array.toString());
- alert(array1.toString());
- 注意:和前边直接向数组中添加元素的区别:
- 前者操作的数组本身,而后者是返回一个新的数组,元数组不变
- slice():
- 从数组中截取指定的元素,并返回新数组
- ,
- 原数组不变
- 截取从第2元素开始到最后一个元素结束
- var array = new Array('张三','李四','王五','赵六');
- var array1 = array.slice(1);
- alert(array1.toString());
- push():在Array结尾添加一项或多个项
- var array = new Array('张三', '李四', '王五', '赵六');
- array.push('田七');
- array.push('王八','老九','老十');
- alert(array.toString());
- 这个前面添加元素的方法效果是一样的
- pop:
- 删除数组最后一项,并将其作为返回值返回
- var array = new Array('张三', '李四', '王五', '赵六');
- var lastvalue = array.pop();
- alert(lastvalue);
- alert(array.toString());
- 注:删除的是最后一项
- shift:
- 删除数组的第一项,并作为返回值返回
- var array = new Array('张三', '李四', '王五', '赵六');
- var firstvalue = array.shift();
- alert(firstvalue);
- alert(array.toString());
- 注:删除的是第一项
- unshift:
- 把一个项放在数组的第一个位置,
- 然后把余下的项向后推动一个位置。
- 代码见下边。
- unshift函数的参数也可以是多个,
- 这样的话就会将第一个参数放在第一项位置,
- 第二个参数放在第二项的位置,后面依次位移,代码见下边
- reverse:
- 颠倒数组的顺序
- var array = new Array('张三', '李四', '王五', '赵六');
- array.reverse();
- document.write(array.toString());
- sort:排序
- var array = new Array( '李四','张三', '赵六','王五');
- array.sort();
- document.write(array.toString());
- splice()方法:
- 好用且简单
- 第二个参数为0时,不删除任何项
- var array = new Array('李四', '张三', '赵六', '王五');
- array.splice(1, 0);
- document.write(array.toString());
- 第二个参数为1时,删除下标为第一个参数指定下标的元素
- var array = new Array('李四', '张三', '赵六', '王五');
- array.splice(1, 1);
- document.write(array.toString());
- 第二个参数为2时,
- 删除下标为第一个参数指定下标和第一个参数下标+1的下标的元素,
- 以下以此类推
- var array = new Array('李四', '张三', '赵六', '王五');
- array.splice(1,2);
- document.write(array.toString());
- 第二个参数为0时,在下标为1的位置新增一项,
- 原来下标为1的元素后移
- var array = new Array('李四', '张三', '赵六', '王五');
- array.splice(1,0,'新添加项');
- document.write(array.toString());
- 第二个参数为1时,在下标为1的位置新增一项,原来下标为1的元素删除
- var array = new Array('李四', '张三', '赵六', '王五');
- array.splice(1, 1, '新添加项');
- document.write(array.toString());
- 第二个参数为2时,在下标为1的位置新增一项,原来下标为1和下标为1+1的元素删除,
- 以下以此类推
- var array = new Array('李四', '张三', '赵六', '王五');
- array.splice(1, 2, '新添加项');
- document.write(array.toString());
- 删除2项,新增2项
- var array = new Array('李四', '张三', '赵六', '王五');
- array.splice(1,2,'第一项','第二项');
- document.write(array.toString());
js Array数组的使用的更多相关文章
- js array数组对象操作方法汇总
--------------------------更新自2018.6.11 js 数组对象操作方法如下: 1. 创建数组 var array1 = [1,2] //方法一 var array2 = ...
- js array 数组删除元素
/* * 方法:Array.remove(dx) * 功能:根据元素位置值删除数组元素. * 参数:元素值 * 返回:在原数组上修改数组 */ Array.prototype.baoremove = ...
- js array 数组添加与删除数据
//新建数组 var ids =new Array(); //向数组中添加数据 ids.push(1); //删除下标为i的数组元素 ids.remove(i); //自定义删除函数: Array.p ...
- 将Json对象数组转化成JS Array数组
private format(cards:any):Array<any>{ var result = new Array(); cards.forEach(element => { ...
- js array数组检测方式
typeof var arr = [1,2,3]; console.log(typeof arr);//'object' 数组的本质是一种特殊的对象,所以返回'object'.typeof运算符只能用 ...
- js Array数组对象常见方法总结
Array对象一般用来存储数据. 其常用的方法包括: 1.concat()方法 concat() 方法用于合并两个或多个数组.它不会更改现有数组,而是返回一个新数组. 例如: var arr1=[1, ...
- js Array 数组方法扩展
//去重复 Array.prototype.unique = function() { this.sort(); var re=[this[0]]; for(var i ...
- JavaScript进阶(十)Array 数组详解
JS array 数组详解 数组的声明方法 arrayObj = new Array(); 的数组 ,并且第一位是5 数组的运算(传地址) var t2=new Array(); t2[0]=1; t ...
- 多动手试试,其实List类型的变量在页面上取到的值可以直接赋值给一个js的Array数组变量
多动手试试,其实List类型的变量在页面上取到的值可以直接赋值给一个js的Array数组变量,并且数组变量可以直接取到每一个元素var array1 = '<%=yearList =>'; ...
随机推荐
- Source Insight设置总结
在网上搜索了一些关于Source Insight的设置技巧,把这些结果给总结下来: 1. 背景色选择 要改变背景色Options->preference->windows backgrou ...
- 开发反模式(GUID) - 伪键洁癖
一.目标:整理数据 有的人有强迫症,他们会为一系列数据的断档而抓狂. 一方面,Id为3这一行确实发生过一些事情,为什么这个查询不返回Id为3的这一行?这条记录数据丢失了吗?那个Column到底是什么? ...
- The Most Wanted Letter
The Most Wanted Letter You are given a text, which contains different english letters and punctuatio ...
- linux下能ping ip不能ping域名详解
今天在开发的同事来说,内网不能通过域名访问自己的服务器!然后做了下面的测试发现这样的问题: [root@itmop ~]# ping www.downcc.com ping: unknown host ...
- Grid++Report 数据填充教程
用 Grid++Report的报表设计器应用程序设计一个简单的报表:“机房开发收入总汇表” 一.定义报表头 1.执行菜单命令“插入”→“报表头” 2.执行菜单命令“插 ...
- 使用 Microsoft.ApplicationBlocks.Data SqlHelper 查询超时以及解决方案
提示: 后面附有文件,不喜欢看吐槽的,直接到文章结尾下载 摘要:Data Access Application Block 是一个 .NET 组件,包含优化的数据访问代码,可以帮助用户调用存储过程以 ...
- 开机后将sim/uim卡上的联系人写入数据库
tyle="margin:20px 0px 0px; font-size:14px; line-height:26px; font-family:Arial; color:rgb(51,51 ...
- VS2008下编译boost_1_47_0
1,boost下载 如果不想自己编译,可下载http://boostpro.com/download/boost_1_47_setup.exe,安装后,程序会提供选项供下载已经编译好的库文件,基于 ...
- apache访问控制设置
apache访问控制设置 (2009-03-17 11:24:36) 转载▼ 标签: it 杂谈 Order allow,deny 默认情况下禁止所有客户机访问 Order deny,all ...
- jxl读写excel的方法
jxl 只有excel基本的操作,代码操作比较方便,一般使用jxl就够了,对图片支持较好 poi功能比jxl强大但是比较吃内存,支持计算公式 具体参考链接 http://www.cnblogs. ...