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 =>'; ...
随机推荐
- Keil "RECURSIVE CALL TO SEGMENT"彻底解决
我们在做菜单程序或通过函数指针调用函数时,如果被调用的函数中有包含了常量字符串,那么经常会出现这样的的错误提示:"RECURSIVE CALL TO SEGMENT"意思是&quo ...
- 使用httpclient抓取时,netstat 发现很多time_wait连接
http://wiki.apache.org/HttpComponents/FrequentlyAskedConnectionManagementQuestions 1. Connections in ...
- UML--建模
建模公式 这种精华的东西,一定是值得研读和实践的! myself:人,事,物,规则. 人,业务主角.业务工人.参与者.如果应用到教务系统中,就是管理员,主任,老师的关系. 事,业务用例,系统用例. 物 ...
- 2013第46周四xml作为WS两端中间测试文件
今天又到了11点多才开始写随笔记录,有点惭愧,加班回来到现在已经近2小时了,而我此刻才进入正题,之前的时间都跟MM聊天了,或许是单身久了,居然在个人情感方面感觉自己很out了,不想这些了,重点是回顾下 ...
- Eclipse自动补全功能轻松设置 || 不需要修改编辑任何文件
本文介绍如何设置Eclipse代码自动补全功能.轻松实现输入任意字母均可出现代码补全提示框. Eclipse代码自动补全功能默认只包括 点"." ,即只有输入”." ...
- ACM1174_爆头解题思路_空间三维坐标求点到直线的距离
/* 爆头 Description gameboy是一个CS高手,他最喜欢的就是扮演警察, 手持M4爆土匪的头.也许这里有人没玩过CS,有必 要介绍一下“爆头”这个术语:所谓爆头,就是子 弹直接命中对 ...
- 漏洞:WebRTC 泄漏用户IP
WebRTC又称为“网页即时通信”,是一组API函数,它经过W3C组织的认证,支持浏览器之间的语音通话.视频聊天和P2P模式分享文件. 这个协议主要包括:getUserMedia,RTCPe ...
- PHP 后台程序配置config文件,及form表单上传文件
一,配置config文件 1获取config.php文件数组, 2获取form 表单提交的值 3保存更新config.php文件,代码如下: $color=$_POST['color']; $back ...
- Linux优化,history增加详细历史记录
主要功能: 1, 可以记录哪个ip和时间(精确到秒)以及哪个用户,作了哪些命令 2,最大日志记录增加到4096条 把下面的代码直接粘贴到/etc/profile后面就可以了 #history mo ...
- errno的基本用法
error是一个包含在 perror()和strerrot()函数可以把errno的值转化为有意义的字符输出. #include <stdio.h> #include <stdlib ...