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 =>'; ...
随机推荐
- Visual Studio 2013 Professional Key
今天发现家里的VS2013专业版过期了,于是google百度一顿大搜,多数key都不能用,不过还是找到一个key可以使用的. Visual Studio 2013 Professional Key: ...
- windows下wchar_t* 转char*
这个在windows下很常见,常用,留个档. 一般用这个函数: size_t wcstombs( char *mbstr, const wchar_t *wcstr, size_t count ); ...
- Android使用自带JSONObject解析JSON数据
import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; import android ...
- 读论文系列:Nearest Keyword Search in XML Documents中使用的数据结构(CT、ECT)
Reference: [1]Y. Tao, S. Papadopoulos, C. Sheng, K. Stefanidis. Nearest Keyword Search in XML Docume ...
- leetcode_question_114 Flatten Binary Tree to Linked List
Given a binary tree, flatten it to a linked list in-place. For example, Given 1 / \ 2 5 / \ \ 3 4 6 ...
- [TI DLP Buglist]data type error in illum_EnableIllumination function
I am debuging my code today, I find when my code is running, it's stop at illum_EnableIllumination() ...
- 特殊权限:SUID,SGID,Sticky
特殊权限passwd:s SUID: 运行某程序时,相应进程的属主是程序文件自身的属主,而不是启动者: chmod u+s FILE chmod u-s FILE 如果FIL ...
- 【转】NAT路由器打洞原理
什么是打洞,为什么要打洞 由于Internet的快速发展 IPV4地址不够用,不能每个主机分到一个公网IP 所以使用NAT地址转换. 下面是我在网上找到的一副图 一般来说都是由私网内主机(例如上图中“ ...
- WPF页面切换及弹窗
WPF页面切换及弹窗 结构如图: 效果如图: 代码如下: xaml <Window x:Class="PageChange.MainWindow" xmlns="h ...
- ubuntu下30天自制操作系统还在继续学习中
操作系统还在学习中,进度不是非常确定,近期学习到了第13天的中部,由于把ucgui移植上去花了一点时间. 同一时候为了方便代码的兴许管理和分享,也为了学习github的代码管理使用思想, 所以建立了一 ...