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 > ...
随机推荐
- 洛谷P1434滑雪讲解
题源:[戳这里] 洛谷博客链接:[戳这里] 我觉得这道题主要方法应该有两种: 动态规划 搜索 下面会分别对这两种方法进行简述 一,动态规划法首先的想法是用L(i,j)表示从点(i,j)出发能到达的最长 ...
- sublime text 疑难解决
sublime text 白色边框方框解决方法 https://blog.csdn.net/weixin_43228019/article/details/82766316 Sublime Text提 ...
- [译] QUIC Wire Layout Specification - Frame Types and Formats | QUIC协议标准中文翻译(4) 帧类型和格式
欢迎访问我的个人网站获取更好的阅读排版体验: [译] QUIC Wire Layout Specification - Frame Types and Formats | QUIC协议标准中文翻译(4 ...
- (八)pdf的构成之文件体(page属性)
资源(Resources) 类型:字典 属性: Font :一个字典,内部是该资源包含的各个字体的名称(字体名称F开头) ProcSet :该资源中使用图画还是文字,可选 /PDF /Text /Im ...
- win7安装镜像注入USB3.0,NVMe驱动
现在的新款主板和笔记本因为原生自带了USB3.0和NVMe,在安装WIN7的时候会出现进入安装界面后不识别USB设备且在硬盘列表中无法读取M.2类型的固态硬盘信息.导致这个现象的原因就是在WIN7安装 ...
- 在Centos中安装.net core SDK
在Linux中运行.net core 项目必须要有.net core SDK 环境.之前配置过几次,但由于没有做总结.过了几天又配置的时候 感觉特别陌生,今天就记录一次.net core SDK 的安 ...
- C# vb .net实现圆角矩形特效滤镜
在.net中,如何简单快捷地实现Photoshop滤镜组中的圆角矩形效果呢?答案是调用SharpImage!专业图像特效滤镜和合成类库.下面开始演示关键代码,您也可以在文末下载全部源码: 设置授权 第 ...
- Laravel入门及实践,快速上手ThinkSNS+二次开发
温馨提示: l 本文纯干货,文字和代码居多,且适合零基础Laravel学习者: l 本文会新建一个名为 blog 的 Laravel 程序,这是一个非常简单的博客. l 欢迎随时关注ThinkSNS ...
- css,对包含有子元素的元素进行flex后,会影响原有的布局。如何后续处理
对包含有子元素的元素进行flex后,会影响原有的布局. 例如设置两个div,第一个div包含一个img(图片),第二个div包含多个p元素(对前面的img的说明).如下图 1:当对着两个两个div进行 ...
- vue-router中的router-view的困扰
刚开始接触vue的时候有很长一段时间被router-view的渲染困扰着,不知道为什么明明有很多router-link和不同的router-view,但是为什么渲染的时候不会出现错乱呢 这是我自己写的 ...