JavaScript Array 對象
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 對象的更多相关文章
- JavaScript Array 对象
JavaScript Array 对象 Array 对象 Array 对象用于在变量中存储多个值: var cars = ["Saab", "Volvo", & ...
- JavaScript Array(数组)对象
一,定义数组 数组对象用来在单独的变量名中存储一系列的值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, elem ...
- Javascript Array.prototype.some()
当我们使用数组时,查找数组中包含某个特殊的项是非常常见的动作.下面例子是一个简单的实现: 01 planets = [ 02 "mercury", 03 " ...
- [Javascript ] Array methods in depth - sort
Sort can automatically arrange items in an array. In this lesson we look at the basics including how ...
- Javascript Array 方法整理
Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...
- javascript array操作
首先来看一下怎么判断一个对象是不是数组: 1.Array.isArray(obj) 调用数组的isArray方法 2.obj instanceof Array 判断对象是否是Array的实例 3.Ob ...
- JavaScript : Array assignment creates reference not copy
JavaScript : Array assignment creates reference not copy 29 May 2015 Consider we have an array var a ...
- JavaScript Array 数组方法汇总
JavaScript Array 数组方法汇总 1. arr.push() 从后面添加元素,返回值为添加完后的数组的长度 var arr = [1,2,3,4,5] console.log(arr.p ...
- JavaScript Array filter() 方法
JavaScript Array filter() 方法 var ages = [32, 33, 16, 40]; function checkAdult(age) { return age > ...
随机推荐
- 【转帖】LSM树 和 TSM存储引擎 简介
LSM树 和 TSM存储引擎 简介 2019-03-08 11:45:23 长烟慢慢 阅读数 461 收藏 更多 分类专栏: 时序数据库 版权声明:本文为博主原创文章,遵循CC 4.0 BY-S ...
- [Linux] 在 Ubuntu 19.10 上开启 SSH 服务并允许远程登录
在 Ubuntu 19.10 上安装 SSH,并开启服务 0.检查并确认系统当前是否已安装SSH: sudo ps -e | grep ssh 如果只有 ssh-agent 说明 ssh-server ...
- Centos7 yum方式安装MySQL
1.下载安装源 wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm 2.yum方式安装 yu ...
- 我瞅瞅源码系列之---flask
快速使用 通过werkzurg 了解wsgi threading.local和高级 LocalStack和Local对象实现栈的管理 Flask源码之:配置加载 Flask源码之:路由加载 ...
- Locust性能测试-no-web模式和csv报告保存 转自:悠悠
前言 前面是在web页面操作,需要手动的点start启动,结束的时候也需要手工去点stop,没法自定义运行时间,这就不太方便. locust提供了命令行运行的方法,不启动web页面也能运行,这就是no ...
- java之aop
1.AOP:aspect orientied programming 面向切面编程.就是横向编程. 2.面向切面编程是在不改变原有代码的情况下增加新的功能. 3.在spring中面向切面编程有两种应用 ...
- mybatis 变更xml文件目录
mybatis的xml默认读取的是resources目录,这个目录是可以变化的.我习惯于将mapper文件和xml放到一起或相邻目录下. 如图: 具体操作: 以mybatis-plus为例 boots ...
- jq+swiper 实现今日头条App的选项卡效果
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- JavaWeb 之 MVC 开发模式
MVC 开发模式 一.JSP 演变历史 1. 早期只有servlet,只能使用response输出标签数据,非常麻烦 2. 后来又jsp,简化了Servlet的开发,如果过度使用jsp,在jsp中即写 ...
- Hive架构分析
一.Hive三种设计模式 1.默认配置[使用Netty存储元数据] 2.mysql[使用mysql存储元数据] 3.配置Thrift[使用mysql存储元数据] 二.执行步骤 三.scala访问Hiv ...