JavaScript Array 对象

最新推荐文章于 2024-07-02 20:45:06 发布

2401_84150191

最新推荐文章于 2024-07-02 20:45:06 发布

阅读量805

点赞数 14

分类专栏：程序员文章标签： javascript 前端 java

本文链接：https://blog.csdn.net/2401_84150191/article/details/138460438

版权

程序员专栏收录该内容

193 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中数组的声明、访问元素、修改元素、数组对象的属性和方法，如length、indexOf、sort等，以及如何使用这些方法进行数组操作，包括连接、拷贝、查找和排序等内容。

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

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

3: 常用语法字面量

var 变量 = [ 数据1 , 数据2 , 数据3 … ];

在 [ ] 中定义要存储的多个数据

每个数据之间使用逗号间隔

var myCars=[“Saab”,“Volvo”,“BMW”];

访问数组

通过指定数组名以及索引，可以访问某个特定的元素。（第一个元素索引是从 0 开始）

//可以访问myCars数组的第一个值：

var name=myCars[0];

//修改了数组 myCars 的第一个元素:

myCars[0]=“Opel”;

数组中包含对象元素、函数、数组：

myArray[0]=Date.now;

myArray[1]=myFunction;

myArray[2]=myCars;

使用数组对象预定义属性和方法：

var x=myCars.length // myCars 中元素的数量

var y=myCars.indexOf(“Volvo”) // “Volvo” 值的索引值

Array 对象

======================================================================

Array 对象用于在变量中存储多个值:

var cars = [“Saab”, “Volvo”, “BMW”];

数组属性

| 属性 | 描述 |

| — | — |

| constructor | 返回创建数组对象的原型函数。 |

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

| prototype | 允许你向数组对象添加属性或方法。主要作用：对数组进行扩展 |

1.length

每一个数组,天生就有 length 属性表示数组长度也就是数组单元个数

调用方式 数组.length

最后一个单元的索引下标是数组.length-1

//需要注意的是，直接给数组的 length 赋一个新的值会导致数组大小的变化：

var arr = [1, 2, 3];

arr.length; // 3

arr.length = 6;

arr; // arr 加长为 [1, 2, 3, undefined, undefined, undefined]

arr.length = 2;

arr; // arr 缩短为 [1, 2]

//数组可以通过索引把对应的元素修改为新的值。

//如果通过索引赋值时，索引超过了范围，同样会引起数组大小的变化：

var arr = [1, 2, 3];

arr[5] = “x”;

arr; // arr 变为 [1, 2, 3, undefined, undefined, “x”]

数组的修改和新增

数组的修改:

数组[索引下标] = 数值

本质上是对数组单元重新赋值

后赋值的数据覆盖之前的数据

效果就是修改数组单元存储的数据

数组的新增:

数组[索引下标] = 数值

本质上是对没有的索引下标赋值

也就是新增一个数组单元存储数据

同时人为的定义数组单元的索引下标

新增数组单元的索引下标必须连续

原始数组最后一个索引下标是数组.length-1

新增数组单元的索引下标是数组.length-1+1

也就是数组.length

var arr = [1,2,3,4,5];

// 将3 修改为 ‘北京’

// 也就是对存储3的单元重新赋值字符串’北京’

// 也就是对索引下标是 2的单元重新赋值字符串’北京

// 已有的单元,索引下标是修改

arr[2] = ‘北京’;

// 没有的单元是新增

arr[5] = ‘新增’;

arr[arr.length] = ‘新增’;

console.log(arr); //控制台输出如下

//Array(7)

//0: 1

//1: 2

//2: “北京”

//3: 4

//4: 5

//5: “新增”

//6: “新增”

//length: 7

2.prototype 返回对象类型原型的引用 (主要作用：对数组进行扩展)

//向数组中添加 max 方法，使得数组可以使用 max() 取得最大值

function max() {

var ele = this[0];

for(var i = 0; i < this.length-1; i++) {

ele = this[i] > this[i+1] ? this[i] : this[i+1];

}

return ele;

}

Array.prototype.max = max;

[1,2,5,4,6].max() // 6

Array 对象方法

| 方法 | 描述 |

| — | — |

| 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() | 返回数组对象的原始值。 |

查询数组中是否存储了某一个数值【indexOf】【lastIndexOf】

数组.indexOf()

查询匹配数据第一次出现的位置

如果有匹配数据返回值是存储这个数据单元的索引下标

如果没有匹配数据返回结果是 -1

数组.lastIndexOf()

查询匹配数据最后一次出现的位置

如果有匹配数据返回值是存储这个数据单元的索引下标

如果没有匹配数据返回结果是 -1

var arr = [1,2,3,4,5,1,2,3,4,5,1,2,3,4,5];

console.log(arr); //控制台输出 Array(15)

// 查找 3 第一次出现的位置返回的是第一个3 存储单元的索引下标

console.log( arr.indexOf( 3 ) ); // 2

// 查找 3 最后一次出现的位置返回的是最后一个3 存储单元的索引下标

console.log( arr.lastIndexOf( 3 ) ); // 12

// 如果没有匹配的数据返回结果是 -1

// 查找匹配执行的是严格比较/全等判断 ===

console.log( arr.lastIndexOf( ‘3’ ) ); // -1

将数组存储的数值按照大小顺序进行排列【sort】

数组.sort()

默认按照首字符数值大小顺序进行排序

首字符相同情况按照之后的字符依次排序

不是按照实际数值大小进行排序

数组.sort(function(a,b){return a-b});

按照数值大小从小至大排续

sort() 中定义的参数是一个匿名函数

匿名函数还要定义两个参数两个参数名称可以任意定义

匿名函数的返回值 return 是参数1 - 参数2

数组.sort(function(a,b){return b-a});

按照数值大小从大至小排续

sort() 中定义的参数是一个匿名函数

匿名函数还要定义两个参数两个参数名称可以任意定义

匿名函数的返回值 return 是参数2 - 参数1

一般只对存储数值的数组进行排序

var arr = [312,6543435,432,543,956354,453,56,87,65,75436,345,423,4,32,54,88765,7654,74321,4543];

// 默认按照首字符大小顺序排序

arr.sort();

console.log( arr );

var arr1 = [312,6543435,432,543,956354,453,56,87,65,75436,345,423,4,32,54,88765,7654,74321,4543]

// 按照数值大小从小至大排序

arr1.sort(function(min,max){return min-max});

console.log( arr1 );

var arr2 = [312,6543435,432,543,956354,453,56,87,65,75436,345,423,4,32,54,88765,7654,74321,4543]

// 按照数值大小从大至小排序

arr2.sort(function(min,max){return max-min});

console.log( arr2 );

数组和字符串的相互转化【join】【split】

数组.join()

获取数组单元存储的数据拼接转化为字符串

默认获取数组单元存储的数据以逗号为间隔拼接为字符串

在 join() 中可以定义间隔符号

如果不需要间隔符号在 join() 中设定空字符串

字符串.split()

将字符串分割为数组

默认是将字符串作为一个整体转化为数组单元

在 () 中可以设定分割字符串的间隔符号

分割的数据单元没有间隔符号

如果没有间隔符号还希望将每一个字符分割为一个数据单元间隔符号可以设定为空字符串

屏蔽文章内容中的关键词

var arr1 = [1,2,3,4,5];

// 获取数组的数据,将数据按照设定的间隔符号拼接为字符串

var str1 = arr1.join(‘’);

console.log( str1 ); //数字12345

var str2 = ‘123456’;

var arr2 = str2.split(‘’);

console.log( arr2 ); //数组 (6) [“1”, “2”, “3”, “4”, “5”, “6”]

// 屏蔽关键词

// 将特朗普替换为 ***

var str = ‘唐纳德·特朗普（Donald Trump，1946年6月14日- ），出生于美国纽约，祖籍德国巴伐利亚 [1] ，德裔美国共和党籍政治家、企业家、房地产商人、电视人 [2] ，第45任美国总统（2017年1月20日-2021年1月20日）。特朗普于1968年获得宾夕法尼亚大学沃顿商学院经济学学士学位，随后任职于父亲弗雷德·特朗普的房地产公司。1971年接管公司，从事房地产开发，投资范围逐步延伸至其他多个行业。特朗普于2015年6月以美国共和党人身份宣布参选美国总统，2016年11月9日当选美国第45任总统，2017年1月20日宣誓就职 [3] 。2020年12月，特朗普败选，连任失败 [4] 。2021年1月19日，特朗普发表告别演说 [5] 。特朗普执政期间，特朗普政府在减税、强硬贸易政策、加大外交军事布局、放松金融监管方面通过立法、签署行政令、人事任命等多个方面取得了较大进展，其中税改是其前期政绩的最大亮点 [6] 。2021年1月8日，社交媒体推特宣布，永久封禁美国现任总统特朗普的账号 [7] 。宾夕法尼亚州理海大学宣布，撤销在1988年授予特朗普的荣誉学位 [8] 。同月13日，美国国会众议院表决通过针对总统特朗普的弹劾条款，正式指控他“煽动叛乱”。特朗普成为美国历史上首位两度遭弹劾的总统 [9] 。’

// 1 按照关键词将字符串分割为数组

// 结果是存储的数据单元中没有关键词了

var arr = str.split(‘特朗普’);

console.log(arr);

// 2 将数组拼接为字符串

// 以替换的内容作为间隔符号拼接

var newStr = arr.join(‘***’);

console.log(newStr);