`
slbszq
  • 浏览: 267856 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

JS中数组Array对象的用法

阅读更多

JS中数组Array的用法

 

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,...

在清空数组时,只需传递startIndex

如果不删除所有元素,再传递deleteCount参数。

splice还具有先删除后添加的功能,即先删除几个元素,然后在删除的位置再添加若干元素,删除与添加的元素的个数没有必须相等,这时侯deleteCount也是要用到的。

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);
}

 转自:http://www.blogjava.net/zks518/archive/2011/06/24/352948.html

 

分享到:
评论

相关推荐

    javascript中数组、对象

    文档"Javascript数组操作整理.doc"可能包含了对数组常见操作的详细总结,如遍历方法(`for`循环、`forEach`、`map`等)、查找方法(`indexOf`、`find`、`filter`等)、排序方法(`sort`)、转换方法(`concat`、`...

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    尽管数组在概念上与对象不同,但在JavaScript中,数组也被视为一种特殊的对象,其索引被视为属性。 1. 获取对象的键(keys)和值(values) 在JavaScript中,我们可以使用`for...in`循环遍历对象的所有可枚举属性...

    js解析php数组对象数组对象数组对象.docx

    本文主要介绍如何使用 JavaScript 解析由 PHP 生成的数组对象。 #### 二、JavaScript 数组基础 1. **数组的概念** - 数组是一种用于存储一系列值的变量。 - 每个值称为数组的一个元素。 - 元素的位置用索引表示...

    js一维数组、多维数组和对象的混合使用方法.docx

    本文将深入探讨一维数组、多维数组以及对象的混合使用方法。 首先,一维数组是最基本的数组形式,允许我们存储同类型或不同类型的值。例如: ```javascript var arr1 = ["飞鱼", 25, 172, "江苏"]; ``` 这里,`...

    JS中数组与对象的遍历方法实例小结

    针对数组操作和遍历的高级技巧以及对象操作的深入理解,可以参考文章中推荐的其他专题,例如《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》等,这些内容涵盖了更多细节和案例,是深入学习...

    JavaScript数组对象Array案例.pdf

    本文将深入探讨JavaScript数组对象Array的一些关键知识点,并通过提供的案例进行解析。 首先,数组的创建有多种方式。最常见的是使用`new Array()`构造函数,如`var arr = new Array(1, 2, 3, 4, 5, 6)`,这会创建...

    JavaScript中的Array 对象(数组对象)_.docx

    在JavaScript中,Array对象是处理一组有序数据的关键结构。它提供了丰富的功能,使得在脚本中操作和管理数据集合变得简单。以下是对标题和描述中所提到的JavaScript Array对象的详细解释: 1. 创建Array对象: - ...

    JavaScript数组Array对象增加和删除元素方法总结

    JavaScript中的数组对象提供了多种方法用于增加和删除元素,这些方法可以帮助我们更有效地处理数组内容。 首先,pop()方法用于移除数组的最后一个元素,并将被移除的元素返回。如果数组为空,返回值将是undefined。...

    Javascript数组Array基础介绍_.docx

    在 JavaScript 中,数组是一种特殊的对象,它们拥有独特的特性。在介绍数组之前,我们需要了解什么是数组。数组是一种类数组的对象,它们拥有对象的特性。当属性名是小而连续的整数时,应当用法数组,否则,用法对象...

    JavaScript数组对象Array.pdf

    JavaScript中的Array对象是编程语言中处理有序数据集合的关键部分,它允许你在单个变量中存储多个值。在JavaScript中,数组是一种动态数据结构,这意味着在创建后,你可以随时添加、删除或修改数组的元素。 创建...

    JavaScript【数组和对象(1)】

    可以使用`Array.from()`将类似数组的对象转换为真正的数组,或通过`Object.entries()`获取对象的所有键值对,然后用`Array.map()`或`Array.reduce()`进行转换。 六、深拷贝与浅拷贝 在处理复杂的数据结构(包含嵌套...

    JavaScript实现Array(数组)和Map

    JavaScript数组可以包含任意类型的值,包括数字、字符串、对象等。此外,JavaScript提供了一系列内置方法来操作数组,如push()用于在数组末尾添加元素,pop()用于移除末尾元素,slice()用于提取数组的一部分,concat...

    JS中数组Array的用法示例介绍

    ### JS中数组Array的用法详解 #### 一、前言 JavaScript 中的 `Array` 对象是一个非常重要的数据结构,用于存储多个有序的数据项。本文档将详细介绍 JavaScript 数组的各种创建方式及其常用方法,帮助读者更好地...

    js将类数组对象转换成数组对象

    通过使用这些库中的转换方法,我们可以弥补JavaScript在处理类数组对象上的不足,使得各种不同的对象在不同的浏览器中都能得到一致的处理,从而提升代码的兼容性和可用性。在实践中,根据所使用的库的不同,选择合适...

    JavaScript对象数组排序函数及六个用法

    为了应对不同场景下的排序需求,本文将介绍一个自定义的JavaScript函数,该函数支持对数组或对象进行排序,并且能够根据数组或对象中嵌套的任意深度的子键进行排序。以下是对该函数及其使用方法的详细解析。 函数...

    Unity3D教程:Array数组类的使用(二)1

    在JavaScript数组中,你可以动态调整大小,这在处理不确定数量的数据时非常有用。在实际项目中,根据需求选择合适的数组类型是非常重要的。 总的来说,理解并熟练使用Unity3D中的Array数组类对于编写高效、灵活的...

    Javascript数组Array操作整理[定义].pdf

    JavaScript中的数组Array是编程中非常基础且重要的数据结构,它用于存储一组有序的元素,可以是任意类型。本文主要探讨JavaScript数组的两个关键属性:`length`和`prototype`。 首先,`length`属性是每个JavaScript...

    详解vue 数组和对象渲染问题

    在Vue.js中,数组和对象的渲染问题是开发者经常会遇到的挑战。Vue的响应式系统依赖于数据劫持来实现视图与数据的双向绑定。当数组或对象的属性发生变化时,视图通常会自动更新以反映这些变化。然而,由于JavaScript...

    js中数组Array的一些常用方法总结

    下面是对标题中提到的数组Array的常用方法的详细总结。 1. shift()方法:此方法用于移除数组的第一个元素,并返回被移除的元素。在原数组上进行操作,改变原数组的长度。例如,对于数组[0, 1, 2],调用shift()将...

Global site tag (gtag.js) - Google Analytics