javascript中数组方法汇总


Posted in Javascript onJuly 07, 2015

js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^

var arr = new Array();
arr[0] = "aaa";
arr[1] = "bbb";
arr[2] = "ccc";
//alert(arr.length);//3
arr.pop();
//alert(arr.length);//2
//alert(arr[arr.length-1]);//bbb
arr.pop();
//alert(arr[arr.length-1]);//aaa
//alert(arr.length);//1
 
var arr2 = new Array();
//alert(arr2.length);//0
arr2[0] = "aaa";
arr2[1] = "bbb";
//alert(arr2.length);//2
arr2.pop();
//alert(arr2.length);//1
arr2 = arr2.slice(0,arr2.length-1);
//alert(arr2.length);//0
arr2[0] = "aaa";
arr2[1] = "bbb";
arr2[2] = "ccc";
arr2 = arr2.slice(0,1);
alert(arr2.length);//1
alert(arr2[0]);//aaa
alert(arr2[1]);//undefined

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined

var a = [1,2,3,4,5];
var b = a.shift(); //a:[2,3,4,5]  b:1

unshift:将参数添加到原数组开头,并返回数组的长度

var a = [1,2,3,4,5];
var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5]  b:7

注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。

pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined

var a = [1,2,3,4,5];
var b = a.pop(); //a:[1,2,3,4]  b:5 //不用返回的话直接调用就可以了

push:将参数添加到原数组末尾,并返回数组的长度

var a = [1,2,3,4,5];
var b = a.push(6,7); //a:[1,2,3,4,5,6,7]  b:7

concat:返回一个新数组,是将参数添加到原数组中构成的

var a = [1,2,3,4,5];
var b = a.concat(6,7); //a:[1,2,3,4,5]  b:[1,2,3,4,5,6,7]

splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...

var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5]  b:[3,4]
var b = a.splice(0,1); //同shift
a.splice(0,0,-2,-1); var b = a.length; //同unshift
var b = a.splice(a.length-1,1); //同pop
a.splice(a.length,0,6,7); var b = a.length; //同push

reverse:将数组反序

var a = [1,2,3,4,5];
var b = a.reverse(); //a:[5,4,3,2,1]  b:[5,4,3,2,1]

sort(orderfunction):按指定的参数对数组进行排序

var a = [1,2,3,4,5];
var b = a.sort(); //a:[1,2,3,4,5]  b:[1,2,3,4,5]

slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组

var a = [1,2,3,4,5];
var b = a.slice(2,5); //a:[1,2,3,4,5]  b:[3,4,5]

join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符

var a = [1,2,3,4,5];
var b = a.join("|"); //a:[1,2,3,4,5]  b:"1|2|3|4|5"

再给个利用数组模拟javaStringBuffer处理字符串的方法:

/**
* 字符串处理函数
*/
function StringBuffer()
{
var arr = new Array;
this.append = function(str)
{
  arr[arr.length] = str;
};
 
this.toString = function()
{
  return arr.join(""); //把append进来的数组ping成一个字符串
};
}

今天在应用中突然发现join是一种把数组转换成字符串的好方法,故封装成对象使用了:

/**
* 把数组转换成特定符号分割的字符串
*/
function arrayToString(arr,separator)
{
if(!separator) separator = "";//separator为null则默认为空
  return arr.join(separator);
}
 
/**
* 查找数组包含的字符串
*/
function arrayFindString(arr,string)
{
var str = arr.join("");
  return str.indexOf(string);
}

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
Jul 26 Javascript
js函数的延迟加载实现代码
Oct 11 Javascript
treepanel动态加载数据实现代码
Dec 15 Javascript
简单的Jquery全选功能
Nov 07 Javascript
js获取客户端操作系统类型的方法【测试可用】
May 27 Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
Nov 20 Javascript
jquery实现数字输入框
Feb 22 Javascript
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
基于javascript的拖拽类封装详解
Apr 19 Javascript
javascript 数组(list)添加/删除的实现
Dec 17 Javascript
jQuery原型属性和原型方法详解
Jul 07 #Javascript
在JavaScript中访问字符串的子串
Jul 07 #Javascript
jQuery.each使用详解
Jul 07 #Javascript
JavaScript中字符串拼接的基本方法
Jul 07 #Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 #Javascript
浅谈JavaScript中运算符的优先级
Jul 07 #Javascript
浏览器中url存储的JavaScript实现
Jul 07 #Javascript
You might like
php 分页类 扩展代码
2009/06/11 PHP
深入理解php的MySQL连接类
2013/06/07 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
PHP CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题
2015/11/30 PHP
php基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
tp5.1 实现setInc字段自动加1
2019/10/18 PHP
javascript基础知识大全 便于大家学习,也便于我自己查看
2012/08/17 Javascript
jquery数组过滤筛选方法grep()简介
2014/06/06 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
2016/10/25 Javascript
vue forEach循环数组拿到自己想要的数据方法
2018/09/21 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
微信小程序实现弹框效果
2020/05/26 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
python urllib爬取百度云连接的实例代码
2017/06/19 Python
点球小游戏python脚本
2018/05/22 Python
python3实现基于用户的协同过滤
2018/05/31 Python
Python模拟简单电梯调度算法示例
2018/08/20 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
python psutil模块使用方法解析
2019/08/01 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
在tensorflow中实现去除不足一个batch的数据
2020/01/20 Python
django的403/404/500错误自定义页面的配置方式
2020/05/21 Python
静态变量和实例变量的区别
2015/07/07 面试题
院领导写的就业推荐信
2014/03/09 职场文书
共青团员自我评价
2015/03/10 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
同意落户证明
2015/06/19 职场文书
给校长的建议书作文500字
2015/09/14 职场文书