`
maziheng
  • 浏览: 58177 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

JavaScript中Array方法

阅读更多

首先定义一个基本类型创建方法的方法

/*基本类型的原型是公共的结构,因此在添加时首先确定下没有此方法*/
Function.prototype.method = function(name,func){
	if(!this.prototype[name]){
		this.prototype[name] = func;
	}
	return this;
}

 1、array.concat(item...)

concat方法返回一个新的数组,它包括原有数组的元素并将1个活动多个参数item附加在其后如果参数item是一个数组,那么它的每一个元素会分别添加它可以添加一个数组也可以添加一个元素。

var a = ['first','second','three'];
var item = '4';
var item2 = ['five','six'];
var c = a.concat(item,item2);
//alert("新数组长度:"+c.length+"  新数组数据: "+ c.join(","));

2、 array.join(separator)

join方法是把一个数组构造成一个字符串,并用separator为分隔符将它们串起来 默认的separator是','

var a = ['first','second','three'];
alert(a.join());//默认分隔符为',' first,second,three
alert(a.join(" "));

3、array.pop() array.push()

pop与push方法使数组想堆栈一样工作,后进先出,pop方法移除array中的最有一个元素并返回该元素,如果array是空的,那么返回undefined。push方法将一个或多个参数item附加到数组尾部,如果参数是一个数组,它会把添加数组当成一个元素,放到原有数组中  返回数组的长度。

var popOld = ['a','b','c'];
var popItem = popOld.pop();
alert(popItem +'    '+popOld.join());//popItem 为'c' popOld数组为['a','b']

var pushArray = ['a','b','c'];
var pushArr = ['d','e','vvvv'];
var pushItem = 'f';
var pushNewLength = pushArray.push(pushArr,pushItem);
alert(pushNewLength+"    "+pushArray.join(' '));

 4、array.reverse 反转array中元素的顺序,并返回当前的array

var rArray =['a','b','c'];
var nArray =rArray.reverse();
alert(nArray.join("")); //cba

5、array.shift 移除数组中的第一个元素并返回该元素,如果数组是空的,返回undefined,shift比pop速度慢

var a =['a','b','c'];
var b =a.shift();//a是['b','c'] & c是'a' 
//shift方法可以这样实现
Array.method('shift',function(){
	return this.splice(0,1)[0];
});

6、array.slice(start,end)浅复制start是开始下标,下标示从0开始 end参数可不填

var a =['a','b','c'];
var aslice = a.slice(0, 2); //aslice是['a','b']
var aslice2 =a.slice(1);  //aslice2是['b','c']

7、array.sort()排序 是把数组中的元素当成一个字符串,所以对于数字数组来说,不好使。

var n=[1,3,11,36,154,57,112];
n.sort();//[1,11,112,154,3,36,57]
n.sort(function(a,b){
	return a-b;
});//[1,3,11,36,57,112,154]

 8、array.splice(start,delCount,item)

从array数组中移除1个或多个元素 start为开始下标 ,delCount为删除元素个数,item为替代删除元素的新元素 返回删除的元素数组

var nsp=[1,3,11,36,154,57,112];
var delArr = nsp.splice(1, 2, "newElement");
//nsp为[1,"newElement",36,154,57,112]  delArr为[3,11]

9、array.unshift(item)

像push方法一样,将元素添加到数组中,但它是把item插到array开始部分返回array的长度。

var a = ['a','b','c'];
var l = a.unshift("d"); //a为['d','a','b','c'] 

 

分享到:
评论

相关推荐

    JavaScript中Array方法你该知道的正确打开方法

    于是我写了这篇文章,总结了如何在 JavaScript 中正确使用地使用 Array 的方法! Array对象为JavaScript内置对象,具有以下属性: 属性 描述 constructor 返回对创建此对象的数组函数的引用。 length 返回...

    Javascript实现Array和String互转换的方法

    在JavaScript中,Array(数组)和String(字符串)的互转换是经常需要掌握的基础知识点,尤其在处理数据时非常实用。本文将详细介绍如何使用JavaScript内置方法来实现数组与字符串之间的转换,其中涉及到了两个重要...

    JavaScript实现Array(数组)和Map

    在JavaScript中,Array和Map是两种非常重要的数据结构,它们各有各的特点和应用场景。这篇文章将深入探讨这两个概念,以及如何在实际开发中使用它们。 首先,Array是JavaScript中最基础的数据结构之一,它允许我们...

    javascript object array方法使用详解.docx

    在JavaScript开发中,数组(Array)是一类极为常用的数据结构,提供了丰富的内置方法来帮助开发者高效地操作数据。本文将详细介绍Array原型上的方法,并探讨如何将这些方法应用于普通的JavaScript对象(Object),...

    javascript array list into setjavascript array list into set

    javascript array list into setjavascript array list into setjavascript array list into setjavascript array list into setjavascript array list into setjavascript array list into setjavascript array ...

    javascript string和array常用扩展方法

    javascript string和array常用扩展方法

    JavaScript 中的 `Array.prototype.filter` 方法全解析

    Array.prototype.filter 是 JavaScript 中处理数组的强大工具,它允许开发者以声明式的方式轻松筛选出符合特定条件的元素。通过结合使用 Array.prototype.filter 和其他数组方法,可以解决各种复杂的数据筛选问题。 ...

    JavaScript Array 对象.md

    这一篇就可以学会JavaScript Array 数组对象方法

    Javascript中关于Cookie存储Array集合

    总结,JavaScript中存储Array集合在Cookie的主要步骤包括序列化Array为JSON字符串,设置Cookie,然后在读取时反序列化回Array。需要注意的是,由于Cookie的大小限制和安全性问题,对于大量数据或敏感信息,可能需要...

    浅谈JavaScript Array对象

    在本篇文章中,我们主要探讨了JavaScript中的Array对象,包括其定义、属性、以及常用的实例方法。 首先,我们需要了解JavaScript中数组的基本概念。JavaScript数组是一种值的有序集合,其中的值被称为元素。每个...

    JavaScript 实现Array(数组)和Map

    在JavaScript编程中,Array和Map是两种非常重要的数据结构,它们各自有其独特的作用和应用场景。Array主要用于存储一组有序的元素,而Map则提供了一种键值对的存储方式,适用于关联不同类型的值。 Array(数组)是...

    Javascript数组Array方法解读

    接上一篇《Javascript数组Array基础介绍》,这一篇详细介绍Array的所有方法。 所有数组的方法都定义在Array.prototype上,而Array.prototype本身也是一个数组。 array.concat() 浅复制一份当前数组,并把接收到的...

    JavaScript中利用Array和Object实现Map的方法

    主要介绍了JavaScript中利用Array和Object实现Map的方法,实例分析了javascript实现map的添加、获取、移除、清空、遍历等操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Javascript中Array用法实例分析

    本文实例讲述了Javascript中Array用法。分享给大家供大家参考。具体分析如下: JavaScript中的Array对象就是数组,首先是一个动态数组,而且是一个像C#、Java中“数组、List、HashMap/Dictionary”等的超强综合体。 ...

    javascript object array方法使用详解

    JavaScript中的Array对象提供了很多实用的方法,用于操作数组。在JavaScript编程中,数组是最基础和常用的数据结构之一,它提供了一系列处理元素集合的方法。本文将详细介绍Array对象中几个常用的方法,包括push、...

    JavaScript中的Array的创建方式和Array与Map的应用

    本篇将深入探讨JavaScript中的Array的创建方式以及Array与Map这两种数据结构的应用。 一、Array的创建方式 1. **字面量方式**:这是最常见的方式,通过方括号`[]`直接创建数组,并在其中添加元素。例如: ```...

    JavaScript-Array类型全面解析_.docx

    JavaScript 中的数组(Array)是一种特殊的数据结构,用于存储一系列有序的数据。与许多其他编程语言不同,JavaScript 的数组非常灵活,可以存储任意类型的数据,并且其大小是动态可变的。 #### 二、创建数组的方法...

Global site tag (gtag.js) - Google Analytics