首页 web前端 js教程 javascript学习笔记(五) Array 数组类型介绍_基础知识

javascript学习笔记(五) Array 数组类型介绍_基础知识

May 16, 2016 pm 05:52 PM
array 数组类型

数组的创建
第一种:

复制代码 代码如下:

var colors = new Array();
var colors = new Array(20);//创建包含20项的数组
var colors = new Array("Greg");//创建包含1项,即字符串"Greg"的数组
var colors = new Array("red","blue","green"); //创建包含3项

第二种:
复制代码 代码如下:

var colors = ["red","blue","green"];
var colors = [];//创建一个空数组

注意:数组的索引是从0开始的

1. length属性
length属性中保存数组的项数,如:
复制代码 代码如下:

var colors = ["red","blue","green"];
alert(colors.length); //3

length属性不是只读的,可以利用length属性在数组的末尾移除项,或者添加新的项,如:
复制代码 代码如下:

var colors = ["red","blue","green"];
colors.length = 2;
alert(colors); //red,blue
colors[colors.length] = "black";
alert(colors); //red,blue,black

2.join()方法,连接数组中的项
复制代码 代码如下:

var colors = ["red","blue","green"];
alert(colors.join(",")); //red,blue,green
alert(colors.join("||")); //red||blue||green

3.数组的栈方法:push()和pop()
push()方法 可以接受任意数量的参数把它们逐个添加的数组的末尾,并返回修改后数组的长度
pop()方法 从数组末尾移除最后一项,减少数组的length值,返回移除的项
复制代码 代码如下:

var colors = new Arrary(); //创建一个数组
var count = colors.push("red","green"); //推入两项到数组末尾
alert(count); //2
count = colors.push("black"); //推入一项到数组末尾
alert(count); //3
var item = colors.pop(); //移除最后一项并返回该值
alert(item); //"black"
alert(count); //2

4.数组的队列方法:push()和shift()、unshift()
push()方法同上
shift()方法 移除数组中的第一项并返回该项,数组长度减1
unshift()方法 在数组前端添加任意项,并返回新数组的长度
复制代码 代码如下:

var colors = new Arrary(); //创建一个数组
var count = colors.push("red","green"); //推入两项到数组末尾
alert(count); //2
count = colors.push("black"); //推入一项到数组末尾
alert(count); //3
var item = colors.shift(); //移除第一项并返回该值
alert(item); //"red"
alert(colors); //green,black
count = colors.unshift("blue"); //推入一项到数组前端
alert(count); //3
alert(colors); //blue,green,black

5.重排序方法:reverse()和sort()
reverse()方法 反转数组项的顺序
sort()方法 默认按字符串大小升序排列数组项,可以接受一个比较大小的函数作为参数
复制代码 代码如下:

var values = [1,2,3,4,5];
values.reverse();
alert(values); //5,4,3,2,1

复制代码 代码如下:

//升序排序函数
function compare(value1,value2) {
if (value1 return -1; //降序改为1
} else if (value1 > value2) {
return 1; //降序改为-1
} else {
return 0;
}
}

复制代码 代码如下:

//数组升序排列
var values = [0,1,5,15,20,10];
values.sort(compare);
alert(values);//0,1,5,10,15,20

复制代码 代码如下:

//对于数值型可以用这个函数,升序
function compare(value1,value2) {
return value2 - value1;
}

6.数组的一些方法:concat()方法、slice()方法和splice()方法
concat()方法 将参数添加到原数组末尾,返回新的数组,原数组不变
slice()方法 返回数组中的项,一个参数时返回指定位置到数组末尾所有的项,两个参数时返回起始位置和结束位置之间的项(不包括结束位置),原数组不变
splice()方法 向数组中插入,删除,或替换数组中的项,返回删除的项(没有删除时返回空数组),原数组改变
复制代码 代码如下:

//concat()方法
var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","brown"]);
alert(colors); //red,green,blue
alert(colors2); //red,green,blue,yellow,black,brown

复制代码 代码如下:

//slice()方法
var colors = ["red","green","blue","yellow","black"];
var colors2 = colors.slice(1); //一个参数时返回指定位置到数组末尾所有的项
var colors3 = colors.slice(1,4); //两个参数时返回起始位置和结束位置之间的项(不包括结束位置)
alert(colors2); //green,blue,yellow,black
alert(colors3); //green,,blue,yellow

复制代码 代码如下:

//splice()方法
//插入项,插入时指定3个参数:起始位置、0(要删除的项)、要插入的项
var colors = ["red","green","blue"];
var inserted = colors.splice(1,0,"yellow","orange"); //从位置1开始插入两项
alert(colors); //red,yellow,orange,green,blue
alert(inserted); //空数组

//替换项,删除时指定3个参数:起始位置、要删除的项、要插入的任意项
var colors = ["red","green","blue"];
var replaced = colors.splice(1,1,"black","brown"); //删除一项,插入两项
alert(colors); //red,black,browm,blue
alert(replaced); //green
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

使用C#中的Array.Sort函数对数组进行排序 使用C#中的Array.Sort函数对数组进行排序 Nov 18, 2023 am 10:37 AM

标题:C#中使用Array.Sort函数对数组进行排序的示例正文:在C#中,数组是一种常用的数据结构,经常需要对数组进行排序操作。C#提供了Array类,其中有Sort方法可以方便地对数组进行排序。本文将演示如何使用C#中的Array.Sort函数对数组进行排序,并提供具体的代码示例。首先,我们需要了解一下Array.Sort函数的基本用法。Array.So

php数组类型有哪些 php数组类型有哪些 Jun 01, 2023 am 10:41 AM

php数组类型有两种,分别是:1、索引数组,下标由数字组成,默认从0开始,每个数字对应一个数组元素在数组中的位置;2、关联数组,下标由数值和字符串混合的形式组成,如果一个数组中有一个键名不是数字,那么这个数组就是关联数组。

简单明了的PHP array_merge_recursive()函数使用方法 简单明了的PHP array_merge_recursive()函数使用方法 Jun 27, 2023 pm 01:48 PM

在进行PHP编程时,我们常常需要对数组进行合并。PHP提供了array_merge()函数来完成数组合并的工作,不过当数组中存在相同的键时,该函数会覆盖原有的值。为了解决这个问题,PHP在语言中还提供了一个array_merge_recursive()函数,该函数可以合并数组并保留相同键的值,使得程序的设计变得更加灵活。array_merge

如何使用PHP中的array_combine函数将两个数组拼成关联数组 如何使用PHP中的array_combine函数将两个数组拼成关联数组 Jun 26, 2023 pm 01:41 PM

在PHP中,有许多强大的数组函数可以使数组的操作更加方便和快捷。当我们需要将两个数组拼成一个关联数组时,可以使用PHP的array_combine函数来实现这一操作。这个函数实际上是用来将一个数组的键作为另一个数组的值,合并成一个新的关联数组。接下来,我们将会讲解如何使用PHP中的array_combine函数将两个数组拼成关联数组。了解array_comb

PHP array_fill()函数用法详解 PHP array_fill()函数用法详解 Jun 27, 2023 am 08:42 AM

在PHP编程中,数组是一种非常重要的数据结构,能够轻松地处理大量数据。PHP中提供了许多数组相关的函数,array_fill()就是其中之一。本篇文章将详细介绍array_fill()函数的用法,以及在实际应用中的一些技巧。一、array_fill()函数概述array_fill()函数的作用是创建一个指定长度的、由相同的值组成的数组。具体来说,该函数的语法

php数组中有多少数据类型 php数组中有多少数据类型 Jun 06, 2023 pm 03:41 PM

php数组中数据类型分为标量类型,复合类型和特殊类型三大类,其中八小类分别是:1、boolean,布尔型;2、integer,整型;3、float,浮点型,也称作double;4、string,字符串;5、array,数组;6、object,对象;7、resource,资源型;8、NULL,空null。

Java中的ArrayIndexOutOfBoundsException异常常见原因是什么? Java中的ArrayIndexOutOfBoundsException异常常见原因是什么? Jun 24, 2023 pm 10:39 PM

Java是一种非常强大的编程语言,广泛应用于各种开发领域。但是,在Java编程过程中,开发人员经常会遇到ArrayIndexOutOfBoundsException异常。那么,这个异常的常见原因是什么呢?ArrayIndexOutOfBoundsException是Java中常见的一个运行时异常。它表示在访问数据时,数组下标超出了数组的范围。常见的原因包括以

PHP array_change_key_case()函数使用方法介绍 PHP array_change_key_case()函数使用方法介绍 Jun 27, 2023 am 10:43 AM

在PHP编程中,数组是一个经常用到的数据类型。而关于数组的操作函数也是相当多的,其中包括了array_change_key_case()函数。该函数可以将数组中键名的大小写进行转换,从而方便我们进行数据的处理。本文就来介绍一下PHP中array_change_key_case()函数的使用方法。一、函数语法及参数array_change_ke

See all articles