JavaScript array 對象

array對象,是用於在單個變量中存儲多個值的一種變量類型。

創建array對象的語法:

new array();

new array(size);

new array(element0, element1, ..., elementn);

參數size表示數組元素的個數,返回的是數組類型,length字段是size的值,參數 element0, element1, ..., elementn ,表示參數列表,新創建數組的元素就會被初始化為這些元素值。

array對象屬性:

constructor屬性

描述:返回對創建此對象的數組函數的引用

length屬性

描述:設置或返回數組中元素的數目

prototype屬性

描述:可以讓您向對象添加屬性和方法

array對象方法:

concat()方法

鏈接兩個或更多的數組,並返回結果

join()方法

把數組中的所有元素放入一個字符串

pop()方法

刪除並返回數組的最後一個元素

push()方法

向數組的末尾添加一個或更多元素,並返回新的長度

reverse()方法

顛倒數組中的元素順序

shift()方法

刪除並返回數組的第一個元素

valueOf()方法

返回數組對象的原始值

unshift()方法

向數組的開頭添加一個或多個元素,並返回新數組的長度

toLocaleString()方法

把數組轉換為本地數組,並返回結果

toString()方法

把數組轉換為字符串,並返回結果

toSource()方法

返回該對象的源代碼

splice()方法

刪除元素,並向數組添加新元素

sort()方法

對數組的元素進行排序

slice()方法

從某個已有的數組返回選定的元素

JavaScript constructor属性

返回 对创建此 对象的数组函数的 引用

格式:

object.constructor
<script type="text/javascript">
var dada = new Array();
if(dada.constructor == Array){
document.write("array");
} if(dada.constructor == Boolean){
document.write("boolean");
} if(dada.constructor == Date){
document.write("date");
}
</script>

结果:

array

使用constructor属性:

function dada(name, age){
this.name = name;
this.age = age;
} var dashu = new dada("dashucoding", 12); document.write(dashu.constructor);

结果:

function dada(name,age){
this.name = name;
this.age = age;
}

JavaScript prototype属性

可以让你向 对象 添加 属性和方法

格式:

object.prototype.name = value

使用prototype属性向对象添加属性:

function dada (name, age){
this.name = name;
this.age = age;
} var dashu = new dada("dashucoding", 12); dada.prototype.job = null; dashu.job = it; document.write(dashu.job);

结果:

it

JavaScript中的concat()方法

格式:

arrayObject.concat(arrs1,arrs2,...,arrsn)
var a = [1,2,3];
document.write(a.concat(4,5));

结果:

1,2,3,4,5
var arr1 = new Array(2)
arr1[0] = "a"
arr1[1] = "b" var arr2 = new Array(2)
var2[0] = 'c'
var2[1] = 'd' document.write( arr1.concat(arr2))

结果:

a,b,c,d
var arr1 = new Array(2)
arr1[0] = "a"
arr1[1] = "b" var arr2 = new Array(2)
var2[0] = 'c'
var2[1] = 'd' var arr3 = new Array(2)
var3[0] = 'e'
var3[1] = 'f' document.write( arr1.concat(arr2,arr3))

结果:

a,b,c,d,e,f

JavaScript 中的join()方法

join()方法用于把数组中的所有元素放入一个字符串中。

var arr = [a,b,c];
console.log(arr.join()); 结果:
a,b,c
var arr = [a,b,c];
console.log(arr.join("-"); 结果:
a-b-c

JavaScript pop()方法

用于删除并返回数组的最后一个元素

格式:

arrayObject.pop()
var arr = [1,2,3];
console.log(arr.pop()); // 3

JavaScript push()方法

向数组的末尾添加一个或多个元素,并返回新的长度

var arr = [1,2,3,4]
console.log(arr.push("5"));
// 5 长度

reverse()颠倒其元素:

var arr = [1,2,3];
arr.reverse(); // 3,2,1

shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值

var arr = [2,3,4];
arrr.shift(); // 2

valueOf方法返回array对象的原始值

arrayObject.valueOf()

unshift() 方法向数组的开头添加一个或多个元素,并返回新的长度。

sort() 方法用于对数组的元素进行排序。

function sortNumber(a,b){
return a-b;
} var arr = [1,2,4,9,7,3];
console.log(arr.sort(sortNumber));
arrayObject.toLocaleString()

首先调用每个数组元素的 toLocaleString() 方法
使用地区特定的分隔符把生成的字符串连接起来,形成一个字符串。

toString()把数组转换为字符串

toSource()方法:

对象的源代码

object.toSource()
function dada(name, age){
this.name = name;
this.age = age;
}
var dashu = new dada("dashucoding", 1);
console.log(dashu.toSource()); // ({name:"dashucoding", age: 1})

slice()方法:可以从已有的数组中返回选定的元素

var arr = [1,2,3,4]
console.log(arr.slice(1));
// 2,3,4 var arr2 = [a,b,c,d]
console.log(arr2.slice(2,3)) // c

splice()向数组中添加,删除项目,然后返回被删除的项目

index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。

item1, ..., itemX 可选。向数组添加的新项目。

var arr = [1,2,3,4,5];
arr.splice (2,0, 'a'); // [1,2,a,3,4,5] var arr = [1,2,3,4,5];
arr.splice (2,1, 'a'); // [1,2,a,4,5] 来源:郴州网站优化

JavaScript Array 對象的更多相关文章

  1. JavaScript Array 对象

    JavaScript Array 对象 Array 对象 Array 对象用于在变量中存储多个值: var cars = ["Saab", "Volvo", & ...

  2. JavaScript Array(数组)对象

    一,定义数组 数组对象用来在单独的变量名中存储一系列的值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, elem ...

  3. Javascript Array.prototype.some()

    当我们使用数组时,查找数组中包含某个特殊的项是非常常见的动作.下面例子是一个简单的实现: 01 planets = [ 02     "mercury", 03     " ...

  4. [Javascript ] Array methods in depth - sort

    Sort can automatically arrange items in an array. In this lesson we look at the basics including how ...

  5. Javascript Array 方法整理

    Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...

  6. javascript array操作

    首先来看一下怎么判断一个对象是不是数组: 1.Array.isArray(obj) 调用数组的isArray方法 2.obj instanceof Array 判断对象是否是Array的实例 3.Ob ...

  7. JavaScript : Array assignment creates reference not copy

    JavaScript : Array assignment creates reference not copy 29 May 2015 Consider we have an array var a ...

  8. JavaScript Array 数组方法汇总

    JavaScript Array 数组方法汇总 1. arr.push() 从后面添加元素,返回值为添加完后的数组的长度 var arr = [1,2,3,4,5] console.log(arr.p ...

  9. JavaScript Array filter() 方法

    JavaScript Array filter() 方法 var ages = [32, 33, 16, 40]; function checkAdult(age) { return age > ...

随机推荐

  1. linux vi/vim 编辑器学习总结

    linux vi/vim 编辑器学习总结 很多时候我们开发人员不可避免的会涉及到项目部署,这个时候使用的就不是我们所熟知的 Windows 和 Mac OS 操作系统了,而是类 Unix 系统.项目部 ...

  2. Referenced file contains errors (http://www.springframework.org/...解决

    今天打开老项目出现如下错误: Referenced file contains errors (http://www.springframework.org/schema/context/spring ...

  3. Delphi快递鸟【支持快递查询和单号识别】

    作者QQ:(648437169) 点击下载➨Delphi快递鸟 [delphi快递鸟]支持快递查询.单号识别.

  4. sizeof运算符和strlen()函数

    首先放上代码和运行结果.(在VC6.0上运行) #include<stdio.h> #include<string.h> int main(void) { char s1[]= ...

  5. 1. Spark Streaming概述

    1.1 什么是Spark Streaming Spark Streaming类似于Apache Storm,用于流式数据的处理.根据其官方文档介绍,Spark Streaming有高吞吐量和容错能力强 ...

  6. Vue的router-link标签

    在vue1.0版本的超链接标签还是原来的a标签,链接地址由v-link属性控制 而vue2.0版本里超链接标签由a标签被替换成了router-link标签,但最终在页面还是会被渲染成a标签的 至于为什 ...

  7. Intellij IDEA最全的热键表(default keymap)

    Editing Ctrl + Space Basic code completion (the name of any class, method or variable) Ctrl + Shift ...

  8. 《JAVA高并发编程详解》-程序可能出现死锁的场景

  9. yii框架定时任务的操作

    在项目根目录里找到console(操作台,控制台)文件夹,在console文件夹里建一个TestController文件,如图所示: 文件内部写如下内容: 切记该文件继承的Controller一定是 ...

  10. 论文笔记 : NCF( Neural Collaborative Filtering)

    ABSTRACT 主要点为用MLP来替换传统CF算法中的内积操作来表示用户和物品之间的交互关系. INTRODUCTION NeuCF设计了一个基于神经网络结构的CF模型.文章使用的数据为隐式数据,想 ...