JavaScript Array对象

作者: 微语博客 | 来源:发表于2021-10-15 22:12 被阅读0次

JavaScript Array对象用于创建数组,操作已有的数组,数组是引用对象,在内存指针指向另一个内存空间。数组可以使用单一变量存储一系列值,每个数组元素都可以用索引读取,方便操作。

创建数组

可以通过直接定义字面量数组和创建Array实例对象,数组使用方括号表示。

var arr = [1,2,3,"hello",true];
console.log(typeof arr);//object
var arr2 = new Array(2);//创建指定长度数组
arr2[0] = 1;
arr2[1] = "你好";
console.log(typeof arr2);//object

数组是object类型,Date也是object类型,使用typeof不能区分它们的数据类型,应该使用constructor属性。

访问数组

数组长度,数组的length属性返回指定数组的长度。

var arr = [1,2,3,"Hello",true];
console.log(arr.length);//5

数组可以通过数组下标索引读取元素。

var arr = [1,2,3,"Hello",true];
console.log(arr[0]);//1
console.log(arr[3]);//Hello
console.log(arr[4]);//true

[0] 是数组的第一个元素,[1] 是数组的第二个元素,以此类推。数组最后一个元素是数组的长度减1:arr.length-1.

数组的值类型

从上面的示例看到:数组的元素可以是数字、字符串、布尔;除此之外,数组的值也还可以是数组、对象、函数等。

var arr2 = new Array();//创建数组长度不定
arr[0] = [1,2,3];
arr[1] = function test(){}
arr[2] = {}
console.log(arr2[0]);//[1,2,3]
console.log(arr2[1]);//test(){}
console.log(arr2[2]);//{}

数组常用和方法

方法 描述
concat() 连接两个或更多的数组,并返回结果。
copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries() 返回数组的可迭代对象。
every() 检测数值元素的每个元素是否都符合条件。
fill() 使用一个固定值来填充数组。
filter() 检测数值元素,并返回符合条件所有元素的数组。
find() 返回符合传入测试(函数)条件的数组元素。
findIndex() 返回符合传入测试(函数)条件的数组元素索引。
forEach() 数组每个元素都执行一次回调函数。
from() 通过给定的对象中创建一个数组。
includes() 判断一个数组是否包含一个指定的值。
indexOf() 搜索数组中的元素,并返回它所在的位置。
isArray() 判断对象是否为数组。
join() 把数组的所有元素放入一个字符串。
keys() 返回数组的可迭代对象,包含原始数组的键(key)。
lastIndexOf() 搜索数组中的元素,并返回它最后出现的位置。
map() 通过指定函数处理数组的每个元素,并返回处理后的数组。
pop() 删除数组的最后一个元素并返回删除的元素。
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reduce() 将数组元素计算为一个值(从左到右)。
reduceRight() 将数组元素计算为一个值(从右到左)。
reverse() 反转数组的元素顺序。
shift() 删除并返回数组的第一个元素。
slice() 选取数组的一部分,并返回一个新数组。
some() 检测数组元素中是否有元素符合指定条件。
sort() 对数组的元素进行排序。
splice() 从数组中添加或删除元素。
toString() 把数组转换为字符串,并返回结果。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
valueOf() 返回数组对象的原始值。

相关文章

  • JavaScript Array 对象

    JavaScript Array 对象 Array 对象 Array 对象用于在单个的变量中存储多个值。 创建 A...

  • JS基础整理 - 2

    1 JavaScript Array(数组)对象 ![Array(数组)对象.png](http://upload...

  • JS高级

    1,javascript 基础知识 Array对象 Array对象属性 Arrray对象方法 Date对象 Dat...

  • 1 js对象

    1 JavaScript 对象JavaScript 提供多个内建对象,比如 String、Date、Array 等...

  • 2020-02-14

    JavaScript splice() 方法 JavaScript Array 对象](https://www.r...

  • js数组Array,Function

    Javascript的Array对象是用于构造数组的全局对象。 基本语法 window.Array是全局对象(也是...

  • JavaScript Array 对象

    array数组的方法简介 一.数组的创建 var cars = ["Saab", "Volvo", "BMW"];...

  • JavaScript Array 对象

  • JavaScript Array 对象

    1.介绍数组 数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。J...

  • JavaScript Array 对象

    1. Array 对象属性 1.1 length 用法:arrayObject.length: 设置或返回数组中元...

网友评论

    本文标题:JavaScript Array对象

    本文链接:https://www.haomeiwen.com/subject/fskvoltx.html