`

JS数组方法汇总

 
阅读更多

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 数组方法汇总整理

    Javascript 数组方法汇总整理

    JS 数组遍历的方法

    `reduce`方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值: ```javascript let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); ...

    超详细的javascript数组方法汇总

    在JavaScript中,数组是一种非常灵活的数据结构,提供了...以上方法涵盖了JavaScript数组操作的常用场景,如元素合并、排序、提取和数组结构的变更等。掌握这些方法可以帮助开发者高效地编写代码,对数组进行各种操作。

    JavaScript数组操作函数汇总

    JavaScript数组操作函数是编程中非常基础且重要的部分,它们提供了对数组进行各种操作的方法,包括添加、删除、合并以及转换等。以下是对标题和描述中提及的数组操作函数的详细说明: 1. **push()**: `push()` 函数...

    纯js对象数组排序汇总处理类

    js中包含一个类,该类的主要功能是:对对象数组进行多字段排序和汇总。调用方法类似: 1、排序 :new SPArraySortHelper(数据, 分组排序字段, 汇总字段).sort() 2、汇总:new SPArraySortHelper(数据, 分组排序字段,...

    javascript数组使用调用方法汇总

    JavaScript 数组使用调用方法汇总 JavaScript 数组是一种重要的数据结构,用于存储和操作多个值。数组提供了多种方法来操作和处理数组元素,这些方法可以分为以下几类:添加元素、删除元素、排序、查找、转换等。 ...

    javascript中数组方法汇总

    本文将详细解读JavaScript中数组相关的方法,涵盖了数组元素的增删改查等多个方面,是前端开发者在处理数组时的重要参考资料。 1. 添加和删除元素 - push:在数组的末尾添加一个或多个元素,并返回新的长度。 - ...

    JavaScript中使用数组方法汇总

    JavaScript数组的创建、元素访问和操作都是基于其提供的方法,以下是一些JavaScript数组方法的详细知识点汇总: 1. 数组的创建 - 使用关键字`new Array()`可以创建一个新数组。例如,`var name = new Array();`...

    JS—数组

    这篇博客将深入探讨JavaScript数组的相关知识。 首先,数组的创建有几种常见方式。最基础的是通过`[]`直接创建,例如`var arr = [];`。另一种是通过`Array()`构造函数,如`var arr = new Array();`。此外,还可以在...

    JS中取二维数组中最大值的方法汇总

    在JavaScript中可以通过内置的 Math.max() 的最大值,但是要从多重数组中取出最大值,还是有一定的难度。 问题描述 假设你有一个数组,而且这个数组中包含了数字的子数组,而我们要做的是从数组中的每个子数组中返回...

    ES6数组方法比较示例

    - `reduce()`方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。 示例代码: ```javascript const numbers = [1, 2, 3, 4]; const sum = numbers.reduce(...

    JavaScript数组方法总结分析

    下面是JavaScript数组方法的总结分析: 1. 普通方法: - join():将数组中的所有元素连接成一个字符串,并返回这个字符串。可以通过指定分隔符来控制元素之间的间隔,默认为逗号。此方法不会改变原数组。 - ...

    JavaScript数组常用操作技巧汇总

    这篇文章将汇总JavaScript数组的一些常用操作技巧,帮助开发者更好地理解和利用数组功能解决问题。 ### 一、数组的性质 在JavaScript中,数组本质上是特殊的对象,其属性是通过偏移量的索引来表示的。虽然我们可以...

    JavaScript中数组的22种方法必学(推荐)

    本文将深入讲解JavaScript数组的22种必学方法,按照功能分为10类进行解析。 1. **对象继承方法** - `toString()`:将数组转换为以逗号分隔的字符串。例如,`[1,2,3].toString()`返回`'1,2,3'`。在`alert()`等需要...

    javascript 数组使用方法汇总

    JavaScript数组使用方法汇总: JavaScript是一种无类型(或称为动态类型)的脚本语言,它的数组可存储任意类型的数据元素。这种特性意味着同一个数组可以包含多种数据类型,例如字符串、数字、布尔值等,甚至可以将...

    javascript数组去重的方法汇总

    本文汇总了四种不同的JavaScript数组去重的方法,下面将详细解析这些方法及其原理。 ### 第一种:基于`indexOf`的方法(`unique1`) 这种方法利用`Array.prototype.indexOf()`方法来检查数组中是否存在重复元素。`...

Global site tag (gtag.js) - Google Analytics