首页 / JAVASCRIPT / javascript之Array 数组对象详解

javascript之Array 数组对象详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript之Array 数组对象详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7793字，纯文字阅读大概需要12分钟。

内容图文

1、创建Array对象方法：

--->var arr = [element0, element1, ..., elementn];//简单的定义方法
代码如下:var arr = [1,2,3]
此时可以知道
代码如下:arr[0] == 1;
arr[1] == 2;
arr[2] == 3;

--->new Array();
代码如下:var arr = new Array();//定义一个没有任何内容的数组对象，然后以下面的方式为其赋值
arr[0] = "arr0";
arr[1] = "arr1";
arr[2] = "arr2";

--->new Array(size);//定义一个大小有限制的数组对象，然后以下面的方式赋值（赋值方式和上面是一样的）
代码如下:var arr = new Array(3);
arr[0] = "arr0";
arr[1] = "arr1";
arr[2] = "arr2";

--->new Array(element0, element1, ..., elementn);//直接将数组内容定义好
代码如下:var arr = new Array("arr0","arr1","arr2");
此时可以知道：
代码如下:arr[0] == "arr0";
arr[1] == "arr1";
arr[2] == "arr2";

2、Array对象属性

Array常见的属性有三个：constructor、length和prototype

--->constructor，顾名思义，就是一个构造器，即这个对象是由什么构成的，再通俗一点就是这个对象的类型，见下面例子
代码如下:var arr = new Array(3);
if(arr.constructor==Array)
{
   document.write("This is an Array");
}
if (test.constructor==Boolean)
{
   document.write("This is a Boolean");
}
if (test.constructor==Date)
{
   document.write("This is a Date");
}
if (test.constructor==String)
{
   document.write("This is a String");
}
上面的输出结果是：This is an Array

--->length，即Array的长度
代码如下:var arr = new Array(3);
document.write(arr.length);//输出结果是3

注意，在Javascript中是可以修改Array对象的属性的，

因此：
代码如下:arr.length=5;
document.write(arr.length);//输出结果是5

--->prototype,使您有能力向对象添加属性和方法。

代码如下:function myarray(name,age)//定义一个类，此类目前有两个属性
{
this.name = name;
this.age = age;
}
var myarr = new myarray("john",25);
myarray.prototype.test = null;//为myarray类添加了一个属性
myarr.test = "test";
alert(myarr.test);//输出test

3、concat()方法--->连接两个或多个数组

它有两种使用方式：

--->连接实际数据
例：
代码如下:var arr = new Array(1,2,3);
alert(arr.concat(4,5));//输出1,2,3,4,5

--->连接两个或多个数组
代码如下:var arr1 = new Array(1,2,3);
var arr2 = [4,5];
var arr3 = new Array("jone","john");
alert(arr1.concat(arr2,arr3));//输出1,2,3,4,5,jone,john

4、join()方法--->数组中的元素放入一个字符串

它可以有参数或者无参，参数代表的是对生成的字符串的分割方式

--->无参
代码如下:var arr = new Array("jone","Grrgy","john");
alert(arr.join());//输出jone,Grrgy,john 字符串中间以,隔开

--->有参
代码如下:var arr = new Array("jone","Grrgy","john");
alert(arr.join("."));//输出jone.Grrgy.john 字符串中间以参数隔开

5、pop()方法用于删除并返回数组的最后一个元素（删除前）

代码如下:var arr = new Array("jone","john","grrgy");
document.write(arr.pop());//输出内容：grrgy
document.write(arr.join("-"));//输出：jone-john

6、push()方法用于向数组最后添加一个元素，并返回数组的长度（添加后）

假如push()中参数为空（不填写），则返回数组原长度，不会对数组做任何修改
例：
代码如下:var arr = ["jone","john","grrgy"];
document.write(arr.push("tom"));//输出：4（长度）
document.write(arr.join());//输出：jone,john,grrgy,tom

7、reverse()颠倒数组中元素的顺序，无参

例：
代码如下:var arr = ["jone","john","grrgy"];
document.write(arr.reverse());//grrgy,john,jone

8、shift()删除并返回数组的第一个元素（删除前）

代码如下:var arr = ["jone","john","grrgy"];
document.write(arr.shift());//输出：jone
document.write(arr.join());//输出：jone,john

9、slice()从指定的数组中返回指定的元素，注：它返回的是一个数组

它的参数有两个，start和end，
start为必选，指定的是开始元素的位置
end为可选，指定的结束元素的位置，假如不写，则认为是到数组结尾
例：
代码如下:var arr = ["jone","john","grrgy","tom","hell"];
var test = arr.slice(1);
if(test.constructor==Array)
{
document.write("This is an Array ");
document.write(test.join());
}

最后结果输出：

This is an Array
john,grrgy,tom,hell

若将var test = arr.slice(1)改为：
var test = arr.slice(1,2);
结果输出为：
john

10、sort()对数组的元素进行排序，非常重要的一个方法

它可以有参数，参数为一个function()，此function规定了排序的规则,
注，它生出的是原数组的副本，不会生成新的数组，即在原数组的基础上进行修改
假如不添加参数的话，那么会按照Javascript中内置的排序方式进行，字母顺序
例：
代码如下:var arr = ["jone","john","grrgy","tom","hell"];
document.write(arr.sort());
document.write(" ");
document.write(arr);

输出结果为：
grrgy,hell,john,jone,tom
grrgy,hell,john,jone,tom

下面是按照数字大小进行排序
代码如下:function sortNumber(a,b)// 定义排序规则的函数
{
 if(a>b)
 {
 return 1;
 }
 else if(a<b)
 {
 return -1;
 }
 else
 {
 return 0;
 }

}
var arr = new Array(1,2000,3,400);
document.write(arr.sort(sortNumber));//此处只写函数名即可
document.write(" ");
document.write(arr);

输出：

1,3,400,2000
1,3,400,2000

11、splice()删除元素并向数组中添加元素

splice(index,howmany,element1,element2.....elementx)说明如下：
index为必需项，规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany为必需。规定应该删除多少元素。必须是数字，但可以是 "0"。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
当howmany为0，则表示不删除任何元素，言外之意就是只添加
element1为可选，规定要添加到数组的新元素。从 index 所指的下标处开始插入，可以插入多个
splice()和slice()的区别在于，splice()是对原数组进行的处理，它修改了原数组的值，返回一个数组。
splice()相当于针对数组中某个元素进行替换，或者是插入或者是删除

看下面三个例子：

--->只插入
代码如下:var arr = new Array(6);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
arr[3] = "James";
arr[4] = "Adrew";
arr[5] = "Martin";

document.write(arr + " ");
arr.splice(2,0,"William");
document.write(arr + " ");
输出结果：
George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin
William插入到了2的位置

--->只删除
代码如下:var arr = new Array(6);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
arr[3] = "James";
arr[4] = "Adrew";
arr[5] = "Martin";

document.write(arr + " ");
arr.splice(2,1);
document.write(arr + " ");
输出结果：
George,John,Thomas,James,Adrew,Martin
George,John,James,Adrew,Martin
删除了原先数组2位置的元素

--->既删除又添加（相当于替换）
代码如下:var arr = new Array(6);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
arr[3] = "James";
arr[4] = "Adrew";
arr[5] = "Martin";

document.write(arr + " ");
arr.splice(2,1,"William");
document.write(arr + " ");
输出结果：
George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin
将原先的Thomas替换成了William

12、toSource()返回对象的源代码，此方法一般位于Javascript的后台自动调用，很少在前台使用且此方法无法在IE浏览器实现,例：在firefox中

代码如下:var myarr = new Array('lisi',25);
document.write(myarr.toSource());
输出结果为：
["lisi", 25]

假如重新定义一个类，则可以将属性名显示出来，例：
代码如下:function myarray(name,age)
{
this.name = name;
this.age = age;
}
var myarr = new myarray('lisi',25);
document.write(myarr.toSource());
输出结果为：
({name:"lisi", age:25})
有点类似于Json类型的数据，但其实仅仅是相似而已，它并不是一种Json数据类型格式

13、toString(),数组返回成字符串,它和join()实现的结果一样，但是join()方法可以自定义间隔的符号而toString()则不可以，只能以,隔开，例：

代码如下:var myarr = new Array('jone','john','Tom');
document.write(myarr.join('.'));
document.write(' ');
document.write(myarr.join(','));
document.write(' ');
document.write(myarr.join());
document.write(' ');
document.write(myarr.toString());
输出结果为：
jone.john.Tom
jone,john,Tom
jone,john,Tom
jone,john,Tom
可以看出后三种方法结果是一样的

14、unshift()，可以向数组的开头添加一个或多个元素并且返回数组的新长度，且原来的数组将会改变

代码如下:unshift(element1,element2,element3....)，最起码有一个元素,例：
var myarr = new Array('jone','john','Tom');
var length = myarr.unshift('zhangsan','lisi');
document.write(myarr);
document.write(' ');
document.write(length);
输出结果为：
zhangsan,lisi,jone,john,Tom
5

查看更多JavaScript的语法，大家可以关注：《JavaScript 参考教程》、《JavaScript代码风格指南》，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的javascript之Array 数组对象详解全部内容，希望文章能够帮你解决javascript之Array 数组对象详解所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/351909.html

来源：【匿名】

【上一篇】javascript之Boolean类型对象【下一篇】javascript 怎么调用php方法

更多 ►

【javascript之Array 数组对象详解】教程文章相关的互联网学习教程文章

javascript基础（Array）【代码】

1，join()Array.join()，不改变原数组，将数组中所有元素转换为字符串并连接在一起，返回最后生成的字符串let a=[1,2,3]; a.join(); // =>"1,2,3" a.join(" "); // =>"1 2 3" a.join("-"); // =>"1-2-3" let b=new Array(5); b.join("-"); // => "----" 4个连字号 2，reverse()Array.reverse()，改变原数组，将数组中的元素颠倒顺序，返回逆序后的数组let a=[1,2,3]; a.reverse(); // =>[3,2,1]3，sort()Array.sort()，改变原...

JavaScript Array 对象方法every,some,filter,map归档【代码】

erery,都为真,返回真some,有一真,返回真filter,返回满足的真map,处理每一返回注意： every,some,filter,map不会对空数组进行检测。注意：every,some,filter,map不会改变原始数组。 array.every(function(currentValue,index,arr), thisValue) every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。every() 方法使用指定函数检测数组中的所有元素：如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且...

<JavaScript> 二. array对象的属性和方法【代码】

1<!DOCTYPE html> 2<html> 3<head> 4<title></title> 5<script type="text/javascript"> 6/* 7 数组对象8*/ 910// -------------- 属性 ---------------11// 1. length属性动态获取数组长度12var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; 13document.write(arr.length); 14document.write("<hr>"); 1516document.write("类型: "+typeof(arr) +", 值: "+ arr); 17document.write("<hr>"...

JavaScript-数组Array（内置方法）【代码】

arraysplice：对数组中的元素进行删除或添加需要三个参数/空值则删除所有,但原数组不变。第二参数使用其他类型使用方法的数组为空，第一参数则是原数组为空，使用方法拷贝过去1. 添加或删除的下标位置/必需/限定Number型,单独一个数值0则返回所有不操作数组2. 设置删除元素的数量，从设定起始位置到结束位置，可以是0，不填则删除到数组末尾/可选/Number3. 要添加到数组的数据/可选/任意值，可多个值，但要用逗号隔开使用：[‘...

javascript日志-array数组去重【代码】

① array数组去重 var arr1 = [1,5,5,6,8,8,9];function unique (array) {var arr2 = [];for(var i = 0;i < arr1.length;i++){if(arr2.indexOf(arr1[i]) == -1){arr2.push(arr1[i]);}}return arr2;}console.log(unique(arr1)); //[1, 5, 6, 8, 9] ② array以原生链的方式数组去重，按从小到大排序 var arr1 = [5,5,1,8,8,6,9];Array.prototype.unique = function () {this.sort();var arr2 = [this[0]];for(var i=1;i<this.l...

[Javascript] JavaScript Array Methods in Depth - push【代码】

Array push is used to add elements to the end of an Array. In this lesson we‘ll see how the push method accepts multiple arguments, can be used to merge two arrays,. Push can accept multi args:const pets = ["dog", "hamster"]; pets.push("cat"); console.log(pets); //["dog", "hamster", "cat"] pets.push("brid", "horse"); console.log(pets); //["dog", "hamster", "cat", "brid", "horse"] Push can merge t...

javascript-Array(数组)【代码】

迁移时间：2017年5月25日08:05:33 UpdateTime--2017年3月31日16:29:08（二）数组（Array）1.用法//js声明数组的两大类方式 // 第一类（通常使用）var array1 = [];//初始化var array2 = [1,2,3];//声明并赋值 array2[2] = 4;//指定固定位置数组元素的值 array2.push(6);//1,2,4,6 // 第二类var array3 = new Array(); array3.push("张三"); var array4 = new Array(3);//声明数组并指定长度 array4[0] = "张三"; array4.push("name...

JavaScript之Array常用函数汇总【代码】

[20141121]JavaScript之Array常用功能汇总*:first-child {margin-top: 0 !important; }body>*:last-child {margin-bottom: 0 !important; }/* BLOCKS =============================================================================*/p, blockquote, ul, ol, dl, table, pre {margin: 15px 0; }/* HEADERS =============================================================================*/h1, h2, h3, h4, h5, h6 {margin: 20p...

怎么去掉javascript 的Array的重复项【代码】

//完美去除法：var arr=[1,3,2,2,11,4]; var arr1=[]; var arr2=arr.sort(function(a,b){return a-b; }); //把数组进行排序var num=1; for (var i=0;i<arr2.length;i++){if(arr2[i]!==arr2[(num++)]){arr1.push(arr[i]);} } console.log(arr1); 原文：http://www.cnblogs.com/weven/p/7183191.html

JavaScript的进阶之路（三）引用类型之Object类型和Array类型【代码】

引用类型Object类型function a(num){if(num>3){a(--num); }console.log(num); }a(5);//如何创建对象的实例var obj1= new Object();console.log(obj1);obj1.name="吴琼";obj1.age=28;console.log(obj1.name+" "+obj1.age);//对象字面量语法，有点封装的感觉var obj2 = {name:"吴琼",age:28};var obj3 = {age:28,age_wo:30};console.log(obj3["age_wo"]);console.log(obj2.name+" "+obj2.age);function show(arg){var s="";if(ar...

Javascript TypedArray 解惑：Uint8Array 与 Uint8ClampedArray 的区别

JS的类型数组大体可分为3类：无符号整数、有符号整数、浮点数。Int8Array; Uint8Array; Uint8ClampedArray; Int16Array; Uint16Array; Int32Array; Uint32Array; Float32Array; Float64Array;基本上都可以望文生义，看名字就知道怎么回事。但是有一个例外 Uint8ClampedArray ，它与 Uint8Array 颇为相似，但又有所区别。因为颜色数据刚好都是符合8位二进制的无符号整数，所以这两个类型在处理Canvas绘图数据时常常用到。Uint8Clamp...

JavaScript------去掉Array中重复值【代码】

转载：http://blog.csdn.net/teresa502/article/details/7926796代码：// 删除数组中重复数据function removeDuplElem(array){ for(var i=0; i<array.length; i++){for(var j=i+1; j<array.length;j++){if(array[i]==array[j]){array = removeElement(j,array);//删除指定下标的元素i=-1;break;}}　　}return array; } //删除数组用到的函数function removeElement(index,array){if(index>=0 && index<array.length){for(var i...

[LeetCode][JavaScript]Patching Array【代码】

Patching ArrayGiven a sorted positive integer array nums and an integer n, add/patch elements to the array such that any number in range [1, n] inclusive can be formed by the sum of some elements in the array. Return the minimum number of patches required.Example 1:nums = [1, 3], n = 6Return 1.Combinations of nums are [1], [3], [1,3], which form possible sums of: 1, 3, 4.Now if we add/patch 2 to n...

JavaScript Array 对象参考手册

JavaScript Array 对象Array 对象Array 对象用于在变量中存储多个值:var cars = ["Saab", "Volvo", "BMW"];第一个数组元素的索引值为 0，第二个索引值为 1，以此类推。更多有关JavaScript Array参考手册请参考 JavaScript Array 对象手册。Array 对象属性方法描述concat()连接两个或更多的数组，并返回结果。every()检测数值元素的每个元素是否都符合条件。filter()检测数值元素，并返回符合条件所有元素的数组。indexOf()搜索数组...

JS中集合对象(Array、Map、Set)及类数组对象的使用与对比【代码】

原文地址在使用js编程的时候，常常会用到集合对象，集合对象其实是一种泛型，在js中没有明确的规定其内元素的类型，但在强类型语言譬如Java中泛型强制要求指定类型。ES6引入了iterable类型，Array，Map，Set都属于iterable类型，它们可以使用for...of循环来遍历，都内置forEach方法。数组遍历普通遍历最简单的一种，也是使用频率最高的一种。let arr = [‘a‘,‘b‘,‘c‘,‘d‘,‘e‘] for (let i =0; i <arr.length; i++) {conso...

首页 / JAVASCRIPT / javascript之Array 数组对象详解

javascript之Array 数组对象详解

内容导读

内容图文

内容总结

内容备注

内容手机端

【javascript之Array 数组对象详解】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

数组 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程