javascript数组的使用

qq_36987708

已于 2022-02-28 11:40:17 修改

阅读量747

点赞数

分类专栏：前端 javascript 文章标签： linq p2p tv

于 2022-02-09 18:29:27 首次发布

本文链接：https://blog.csdn.net/qq_36987708/article/details/122828286

版权

这篇博客详细介绍了JavaScript数组的定义、创建、访问、属性（如constructor、length和prototype）及其使用场景，包括判断数组、添加、删除、遍历、排序、查找、扁平化和去重等操作。还提供了相关博客链接作为参考。

摘要由CSDN通过智能技术生成

一、定义

使用单独的变量名来存储一系列的值。

二、创建

1.常规方式

var myCars=new Array();
myCars[0]="Saab";      
myCars[1]="Volvo";
myCars[2]="BMW";

2. 简洁方式

var myCars=new Array("Saab","Volvo","BMW");

3. 字面量

var myCars=["Saab","Volvo","BMW"];

三、访问

通过指定数组名以及索引号码，你可以访问某个特定的元素

var name=myCars[0]

四、属性

1.constructor

在 JavaScript 中, constructor 属性返回对象的构造函数。返回值是函数的引用，不是函数名

var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.constructor);   // ƒ Array() { [native code] }

2.length

设置或返回数组元素的个数。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.length);  // 4

3.prototype

prototype 属性可以向对象添加属性和方法。

当构建一个属性，所有的数组将被设置属性，它是默认值。

在构建一个方法时，所有的数组都可以使用该方法。

注意： Array.prototype 单独不能引用数组, Array() 对象可以。

注意： 在JavaScript对象中，Prototype是一个全局属性。

Array.prototype.myUcase=function(){
    for (i=0;i<this.length;i++){
        this[i]=this[i].toUpperCase();
    }
}

function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.myUcase();
	console.log(fruits);  // BANANA,ORANGE,APPLE,MANGO
}
myFunction()

五、方法

方法	描述
concat()	连接两个或更多的数组，并返回结果。
copyWithin()	从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()	返回数组的可迭代对象。
every()	检测数值元素的每个元素是否都符合条件。
fill()	使用一个固定值来填充数组。
filter()	检测数值元素，并返回符合条件所有元素的数组。
find()	返回符合传入测试（函数）条件的数组元素。
findIndex()	返回符合传入测试（函数）条件的数组元素索引。