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 =>'; ...
随机推荐
- PowerShell 远程管理之 about_Remote_Troubleshooting
主题 about_Remote_Troubleshooting 简短说明 说明如何解决 Windows PowerShell 中的远程操作的问题. 详细说明 本节描述您在使用 Windows Powe ...
- NLS_LANG SIMPLIFIED CHINESE_CHINA.AL32UTF8 和american_america.AL32UTF8
oadb01:/home/oracle> echo $NLS_LANG SIMPLIFIED CHINESE_CHINA.AL32UTF8 oadb01:/home/oracle> sql ...
- 通过基于 Linux 的软件 VPN 设备连接到 Windows Azure 虚拟网络
摘要 本文章将说明如何通过使用软件 VPN 设备,将本地办公室或站点连接到 Windows Azure 虚拟网络.在构建原型或在构建可以尽快利用云的"开发/测试"工作流时,软件VP ...
- 【HDU1233】还是畅通工程(MST基础题)
无坑,裸题.直接敲就恩那个AC. #include <iostream> #include <cstring> #include <cstdio> #include ...
- hdu 5432 Pyramid Split(二分搜索)
Problem Description Xiao Ming is a citizen who's good at playing,he has lot's of gold cones which ha ...
- MVC Razor视图引擎
Razor 不是编程语言.它是服务器端标记语言. Razor 是一种允许您向网页中嵌入基于服务器的代码(Visual Basic 和 C#)的标记语法 当网页被写入浏览器时,基于服务器的代码能够创建动 ...
- C语言漫谈(二) 图像显示 Windows和Linux
关于图像显示有很多库可以用,Windows下有GDI,GDI+,D3D等,Linux下有X Window和Wayland,此外还有OpenGL ,SDL等图形库以及各种GUI库. 了解最原始的方式,对 ...
- java匿名内部类,多态,接口练习
1多态以及接口调用方法: public class Interface { public static void main(String[] args) { Al x = new Al(); jian ...
- Android窗口管理服务WindowManagerService切换Activity窗口(App Transition)的过程分析
文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8596449 在Android系统中,同一时刻只 ...
- ThinkPHP视图查询详解
ThinkPHP视图查询详解 参考http://www.jb51.net/article/51674.htm 这篇文章主要介绍了ThinkPHP视图查询,需要的朋友可以参考下 ThinkP ...