数组的创建
示例:
var array = [11,3,8,4,9,22,2];
var array1 = new Array(); //创建一个空的数组
var array2 = new Array(3);//创建一个指定长度的数组,注意:长度会随着元素的增多发生变化
var array3 = new Array(1,13,15,5,3);//创建一个指定元素的数组
数组元素的字符串化
示例:
var array = new Array("zhangsan","lisi","wanger","mazi");
console.info(array);
console.info(array.toString()); //zhangsan,lisi,wanger,mazi
console.info(array.toLocaleString()) //zhangsan,lisi,wanger,mazi
console.info(array.valueOf());
console.info(array.join()); //zhangsan,lisi,wanger,mazi
console.info(array.join("#"));//zhangsan#lisi#wanger#mazi
结果:
- push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
- unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
- splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。其中:
- index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
- howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
- item1, …, itemX 可选。向数组添加的新项目。
示例:
var array = new Array("zhangsan","lisi");
array.push("wanger");
console.info(array.toString()); // zhangsan,lisi,wanger
array.unshift("xiaoming");
console.info(array.toString()); //xiaoming,zhangsan,lisi,wanger
array.splice(2,0,"aaa","bbb");
console.info(array.toString()); // xiaoming,zhangsan,aaa,bbb,lisi,wanger
数组元素的删除
- pop():移除最后一个元素并返回该元素值
- shift():移除最前一个元素并返回该元素值,数组中元素自动前移
- splice(deletePos,deleteCount):删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素。
示例:
var array = new Array("zhangsan","lisi","wanger","mazi");
array.pop();
console.info(array.toString()); //zhangsan,lisi,wanger
array.shift();
console.info(array.toString()); //lisi,wanger
array.splice(1,2);
console.info(array.toString()); //lisi
数组的截取和合并
- slice(start, [end]):以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
- concat([item1[, item2[, . . . [,itemN]]]]):将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组
示例:
var array = new Array("aa","bb","cc","dd","ee");
var res1 = array.slice(1,4); //bb,cc,dd
console.info(res1.toString()); //aa,bb,cc,dd,ee
console.info(array.toString()); //zhangsan,lisi,wanger
var res2 = array.concat("ff","gg",new Array(1,2,3));
console.info(res2.toString()); //aa,bb,cc,dd,ee,ff,gg,1,2,3
数组元素的排序
- reverse():/反转元素(最前的排到最后、最后的排到最前),返回数组地址
- sort():对数组元素排序,排序并不是按整型大小,而是字符串对比,就是取第一个字符的ANSI码对比,小的排前面,相同的话取第二个字符再比。返回数组地址
示例:
var array = [11,3,8,4,9,22,2];
var res1 = array.reverse();
console.info(res1.toString()); //2,22,9,4,8,3,11
console.info(array.toString()); //2,22,9,4,8,3,11
var res2 = array.sort();
console.info(res2.toString()); //11,2,22,3,4,8,9
console.info(array.toString());//11,2,22,3,4,8,9
var res3 = array.sort(function (a, b) {
return a-b ;
});
console.info(res3.toString()); //2,3,4,8,9,11,22
console.info(array.toString());//2,3,4,8,9,11,22
数组元素的遍历
示例:
var array = ["zhangsan","lisi","wanger","mazi"];
for(var i =0;i
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?