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 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
Jan 15 Javascript
js生成随机数的过程解析
Nov 24 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
Jan 21 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
好好了解一下Cookie(强烈推荐)
Jun 14 Javascript
JS实现焦点图轮播效果的方法详解
Dec 19 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
Node.js安装配置图文教程
May 10 Javascript
node 版本切换的实现
Feb 02 Javascript
javascript canvas API内容整理
Feb 16 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
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
function.inc.php超越php
2006/12/09 PHP
discuz7 phpMysql操作类
2009/06/21 PHP
无JS,完全php面向过程数据分页实现代码
2012/08/27 PHP
解析PHP的session过期设置
2013/06/29 PHP
php发送与接收流文件的方法
2015/02/11 PHP
PHP使用curl模拟post上传及接收文件的方法
2016/03/04 PHP
PHP 读取大文件并显示的简单实例(推荐)
2016/08/12 PHP
php中用unset销毁变量并释放内存
2020/05/10 PHP
js 浮动层菜单收藏
2009/01/16 Javascript
基于JavaScript 类的使用详解
2013/05/07 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
DOM中事件处理概览与原理的全面解析
2016/08/16 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
RxJS的入门指引和初步应用
2019/06/15 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
一篇文章让你搞懂JavaScript 原型和原型链
2020/11/23 Javascript
打开电脑上的QQ的python代码
2013/02/10 Python
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
用python wxpy管理微信公众号并利用微信获取自己的开源数据
2019/07/30 Python
使用PyTorch训练一个图像分类器实例
2020/01/08 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
Python实现上下文管理器的方法
2020/08/07 Python
Python getattr()函数使用方法代码实例
2020/08/10 Python
Python类的继承super相关原理解析
2020/10/22 Python
彩色的非洲教学反思
2014/02/18 职场文书
平面设计专业大学生职业规划书
2014/03/12 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
婚礼答谢礼品
2015/01/20 职场文书
入党转正申请报告
2015/05/15 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js