`

js array 数组总结

阅读更多

最近工作中用到数组和js对象比较多,这里先总结一下数组。

 

1.数组的定义

 

var array1= new Array();
var array2=new Array(6);
var array3=new Array(['a','b']);
var array4=[];
var array5=[1,"a"];

说明:js和java数组不太一样,他的数组长度是可以变化的,类似Java的List

 

array2虽然定义数组长度是6,但是他可以增加其内容改变其长度。

 

2.增

function addTest()
{
    var addArray=[]; //初始化一下
    addArray.push("a");	//将新元素添加到数组的最后(入队),并返回新数组的长度
    alert("addArray数组长度:"+addArray.push("b"));
		
    addArray.unshift("c"); //将新元素放到数组的最开始(入栈),并返回新数组的长度
    alert("addArray数组长度:"+addArray.unshift("d"));
		
    var temp=addArray.splice(2,1,"e","f"); //将新元素插入到指定的位置,返回被删除的元素
    //从index:2的位置删除1个元素,并添加e,f进入数组
    alert(temp); 
		
    alert(addArray); //结果:d,c,e,f,b
}

 说明:

  1.js数组三种新增方式push、unshift、splice

  2.三种方式可以添加单个元素,也可以添加多个元素/数组

 

3.删

function delTest()
{
    var delArray=["a","b","c","d"]; 
    var delObj=delArray.pop(); //删除最后一个元素,并返回该元素(出队)
    alert(delObj); //结果:d
		
    delObj=delArray.shift(); //删除第一个元素,并返回该元素(出栈)
    alert(delObj); //结果:a
		
    delObj=delArray.splice(1,1);  //从index:1的位置删除1个元素
    alert(delObj) //结果:c
		
    alert(delArray); //结果:b
}

 

4.查 和 改

function ruTest()
{
    var array=["a","b","c","d"]; 
    alert(array[1]);
    array[1]="b1";
    alert(array);
}

 

5.遍历

function iteratorTest()
{
	var array=["a","b","c","d"];
	
	//方式一:for in
	for(var i in array)
	{
		alert(i+":"+array[i]);
	}
	
	//方式二:传统for
	for(var i=0;i<array.length;i++)
	{
		alert(i+":"+array[i]);
	}
}

 

6.一些方法

     1.concat:拼接元素,并返回结果

     2.join:使用指定的分隔符把数组拼成字符串

     3.reverse:反序输出,会改变当前数组

     4.slice(start,end):从数组中取出,半开半闭区间

     5.sort:排序

function otherTest()
{
	var array=["a","b","c","d"]; 
	var array1=["e","f"]; 
	alert("concat:"+array.concat("z",array1));
	
	alert("join:"+array.join("#"));
	
	alert("reverse:"+array.reverse());
	
	alert("slice:"+array.slice(1,3));
	
	alert("sort:"+array.sort());
}

 说明:

   1.concat:不会改变当前的数组,他会返回一个拼接好的数组副本

   2.concat:拼接的内容可以是单个元素,也可以是数组,并且可拼接多个

   3.reverse:是会改变但前数组的

   4.slice:是一个半开半闭的区间,例如:slice(1,3):取的是index:1和index:2

   5.sort:一种自然排序,数字和字母

 

7.返回创建对象的函数

function constructorTest()
{
	var testArray=new Array();
	alert(testArray.constructor);
	alert((new Date()).constructor);
	alert(typeof(testArray.constructor));  //返回的是一个函数
}

 

8.原型属性测试

function prototypeTest()
{
	//对Array进行扩展
	Array.prototype.myMethod=function(param){ alert(param+"我自己扩展的方法!")};
	var testArray=new Array();
	testArray.myMethod("hi"); //扩展后所有的Array对象都具有这个方法
}
	
//可以看到原型扩展是全局的,这里并没有原型扩展语句 但是新创建的Array仍然有这个方法
function prototypeTest1()
{
	var testArray=new Array();
	testArray.myMethod("hello");
}

 

声明:

1.原创文章,转载请标明并加本文连接。

2.文章反映个人愚见,如有异议欢迎讨论指正

3.更多的内容请看我的  个人博客(测试版)

7
7
分享到:
评论
2 楼 snkcxy 2013-03-28  
看来js不被关注呀
1 楼 snkcxy 2013-03-28  
欢迎大家补充 讨论 提意~

相关推荐

    JavaScript Array数组去重源码下载

    JavaScript Array数组去重源码下载

    javaScript Array数组分页处理

    javaScript:将Array数组分页处理,支持分页数据容错; js文件:Page4array分页处理工具类; 兼容版本ES6。 博文:https://blog.csdn.net/HTouying/article/details/88898258

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

    本教程主要关注Array数组类在JavaScript中的使用。 Array 类是Unity3D中JavaScript的特定实现,它提供了丰富的函数和属性来操作数组。数组的长度可以通过 `length` 属性获取或设置,例如: ```javascript var arr ...

    JavaScript实现Array(数组)和Map

    `object.js` 文件可能涉及到的是JavaScript对象的操作,虽然不是直接与Array或Map相关,但它们在JavaScript中是重要的数据结构。JavaScript对象是一种键值对的集合,键通常是字符串,但也可以是符号(Symbol)。与...

    js中json对象和Array数组的区别

    javscript中json对象和Array数组的区别

    JS array数组部分功能实现

    实现了一些比较常见的array功能,并且使用了 jest 进行测试。 实现的方法包括: concat find flat forEach & map includes join pop push reduce reverse shift slice some sort splice unshift 有些同质化比较高的...

    JS 操作Array数组的方法及属性实例解析

    JavaScript中的Array对象是编程中非常基础且重要的部分,它提供了丰富的操作数组的方法和属性,使得在处理序列数据时变得高效且灵活。这篇文章主要探讨了Array的三个关键属性:length、prototype和constructor,以及...

    JavaScript 实现Array(数组)和Map

    Array(数组)是JavaScript中最基本的数据结构之一。在JavaScript中,数组可以容纳多种类型的元素,包括数字、字符串、对象等。JavaScript数组提供了丰富的内置方法,如push、pop、shift、unshift、slice、splice、...

    浅析JavaScript中的array数组类型系统_.docx

    首先,创建JavaScript数组有两种主要方式:字面量语法和`Array()`构造函数。字面量语法是最简洁的,只需在方括号中用逗号分隔值即可创建数组。例如: ```javascript var empty = []; // 空数组 var primes = [2, 3, ...

    JS中Array数组学习总结

    以下是对JS中Array数组相关知识点的详细介绍。 一、数组声明方式 在JavaScript中声明数组有多种方式,最常见的有构造函数方式和数组字面量方式。构造函数方式使用关键字new来创建数组,如var colors = new Array()...

    javascript Array数组对象的扩展函数代码

    标题提到的“javascript Array数组对象的扩展函数代码”就是关于如何给Array对象添加额外的方法,以实现更便捷的操作。描述中提到了“去除字符串空格”和“数组排序”,这些都是常见的数组操作。 首先,我们来讨论...

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

    在JavaScript编程中,数组是一种基础且极其重要的数据结构,用于存储一系列的元素。这些元素可以是基本数据类型,如数字、字符串,也可以是复杂的数据类型,如对象或甚至另一个数组。本文将详细介绍JavaScript中数组...

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

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

    js数组说明大全

    JavaScript 数组详细说明大全 JavaScript 中的数组是一种基本数据类型,用于存储一组相关的数据。数组可以存储各种类型的数据,包括数字、字符串、对象等。数组的使用非常广泛,以下是对 JavaScript 数组的详细说明...

    JS array数组检测方式解析

    `Array.isArray()` 是最推荐的检测数组的方法,因为它不仅准确,而且在所有现代浏览器和Node.js环境中都可用。 总结: 在JavaScript中,检测数组的方法包括 `typeof`、`instanceof`、`Object.prototype.toString....

    Js的Array数组对象详解

    本文为大家分享了关于Js的Array数组对象的相关资料,供大家参考,具体内容如下 1. 介绍 1.1 说明 数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。JavaScript数组是...

    JavaScript 数组- Array的方法总结(推荐)

    以下是对JavaScript数组方法的详细总结: **一、创建数组** 1. 使用构造函数创建数组: ```javascript var colors = new Array(); // 创建空数组 var colors = new Array(3); // 创建长度为3的数组,但不包含...

Global site tag (gtag.js) - Google Analytics