`
Messi光明
  • 浏览: 55633 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

JS数组方法汇总 array数组元素的添加和删除

    博客分类:
  • web
js 
阅读更多

js数组的添加和删除  


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,... 
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成一个字符串
};
}

 

2
0
分享到:
评论

相关推荐

    JS数组方法汇总

    本篇将详细汇总JavaScript数组的主要方法,帮助你更好地理解和运用这些功能。 1. **数组创建与初始化** - `var arr = [];` 创建一个空数组。 - `var arr = new Array();` 同样创建空数组,也可传入参数指定长度。...

    JS 数组遍历的方法

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

    比较json对象中的两个数组含有的相同元素,点击按钮输出新的数组

    1. **`filter()` 和 `includes()`**:我们可以对其中一个数组进行遍历,然后使用`filter()`方法过滤出另一个数组中包含的元素。 ```javascript let commonElements = obj1.arr1.filter(element => obj2.arr2....

    复制数组或从数组中抽取特定元素组成新数组

    总结而言,JavaScript提供了多种强大的工具和方法来复制数组以及从数组中抽取特定元素。通过熟练掌握这些方法,我们可以更灵活、更高效地处理数据结构,提高代码的可读性和维护性。在实际开发中,根据具体需求选择最...

    JS—数组

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

    js array数组对象操作方法汇总

    splice()方法可以用来删除现有元素或添加新元素到数组中,它会直接修改原数组。 ```javascript var arr = [1, 2, 3, 4, 5, 6]; arr.splice(2, 3, "William"); // 在索引为2的位置开始删除3个元素,并添加"William" ...

    JavaScript中数组的一些算法和技巧总结

    - `splice()`:添加/删除元素,可以改变原数组。 - `concat()`:连接两个或更多数组,并返回新的数组。 - `join()`:将数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 - `reverse()`:反转数组...

    JavaScript中使用数组方法汇总

    JavaScript数组对象还包含其他属性和方法,比如`length`属性,它返回数组中元素的数量。值得注意的是,JavaScript数组的`length`属性是可变的,可以直接设置它来改变数组的大小,但这将改变数组元素的数量。如果设置...

    JavaScript数组常用操作技巧汇总

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

    JS判断数组是否包含某元素实现方法汇总

    随着ES6的普及,JavaScript数组的使用变得更加高效与方便。目前存在多种方法可以用来判断数组中是否包含特定元素,下面我们将介绍几种常见的实现方法,并提供相应的示例代码和分析。 1. 使用for循环结合break for...

    javascript 数组使用方法汇总

    - splice():通过删除现有元素和/或添加新元素来更改数组的内容。 - slice():返回数组的一个副本,不改变原数组。 - concat():用于合并两个或多个数组,返回新的数组。 JavaScript数组操作的灵活性和强大的功能使...

    js中数组常用方法总结(推荐).docx

    `Array.reduce()` 方法对数组中的每个元素执行一个由您提供的reducer 函数(升序执行),将其结果汇总为单个返回值。 ```javascript let arr = [1, 2, 3, 4, 5]; const add = (a, b) => a + b; let sum = arr.reduce...

    js数组去重-duplicateRemoval

    首先,让我们了解JavaScript数组的一些基本特性。数组是一种有序的数据集合,可以存储各种类型的值,包括数字、字符串、对象等。在JavaScript中,数组的去重可以通过多种方法实现,主要包括: 1. **使用Set对象**:...

    JavaScript数组类型Array相关的属性与方法详解

    JavaScript中的数组类型Array是编程中不可或缺的一部分,它允许开发者存储任意数量和类型的值,并提供了丰富的属性和方法来处理数组中的数据。以下是对标题和描述中提及的数组相关知识点的详细说明: 1. **数组的...

    javascript数组去重的方法汇总

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

    javascript数组常用方法汇总

    以下是对标题和描述中提到的一些JavaScript数组常用方法的详细说明: 1. **join()** 方法:`Array.join()` 方法将数组的所有元素转换为字符串,并用指定的分隔符连接在一起。如果不提供分隔符,它默认使用逗号。...

    Javascript中数组方法汇总(推荐)

    splice方法是数组中最强大的方法之一,它可以在任何位置添加或删除元素,并返回删除的元素数组。如果指定的元素被删除,原数组将被修改。例如: ```javascript var e = [1, 2, 3, 4, 5, 6]; e.splice(4); // => [5, ...

    javascript删除数组重复元素的方法汇总

    这个方法通过交换数组元素和索引的位置来达到去重的目的,最后再转换回来。这种方法只适用于数组中的元素是可作为键的类型(如字符串或数字)。 ```javascript function unique(arr) { var tmp = []; for (var m ...

Global site tag (gtag.js) - Google Analytics