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. Matlab 非线性规划问题模型代码

    非线性规划问题的基本内容 非线性规划解决的是自变量在一定的非线性约束或线性约束组合条件下,使得非线性目标函数求得最大值或者最小值的问题. 当目标函数为最小值时,上述问题可以写成如下形式: \[ \mi ...

  2. 小白的C++之路——简易计算机

    #include <iostream> using namespace std; int main() { char link; double num1, num2,num3; cout ...

  3. js中常见的字符串方法(3)

    match() match()方法只接受一个参数,要么是一个正则表达式,要么是一个 RegExp 对象. 调用这个方法本质上与调用RegExp的exec()方法相同, var text = " ...

  4. 【rt-thread】1、快速建立rt-thread nano最小裁剪工程

    快速建立rt-thread nano最小裁剪工程 使用keil5建立 1.下载rt-thread 3.03版本,3.03程序占用最小 2.使用 CubeMX 配置工程 3.选择添加rt-thread ...

  5. golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

    micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.s ...

  6. js 数组传统方法

    js 数组传统方法 push() 功能:向数组的末尾添加一个或多个元素 var arr = [4]; arr.push(1,2,3); // [4,1,2,3] 返回: 会返回新数组的长度length ...

  7. 【题解】Luogu P5338 [TJOI2019]甲苯先生的滚榜

    原题传送门 这题明显可以平衡树直接大力整,所以我要说一下线段树+树状数组的做法 实际线段树+树状数组的做法也很暴力 我们先用树状数组维护每个ac数量有多少个队伍.这样就能快速求出有多少队伍ac数比现在 ...

  8. Spring中的ApplicationListener的使用详解案例

    本文链接:https://blog.csdn.net/u010963948/article/details/83507185 1.ApplicationContext Spring的核心,Contex ...

  9. JVM性能优化--JVM参数配置,使用JMeter简单测试配合说明参数调优

    一.JVM参数配置 1.常见参数配置 -XX:+PrintGC 每次触发GC的时候打印相关日志 -XX:+UseSerialGC 串行回收 -XX:+PrintGCDetails 更详细的GC日志 - ...

  10. Java自学-类和对象 方法重载

    什么是Java 方法重载 方法的重载指的是方法名一样,但是参数类型不一样 步骤 1 : attack方法的重载 有一种英雄,叫做物理攻击英雄 ADHero 为ADHero 提供三种方法 public ...