javascript中的数组

本文介绍了JavaScript中数组的基本创建方法及如何进行访问、修改、转换、增删等操作,并提供了具体的代码示例。

参考:https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/Arrays

创建数组

数组由方括号构成,其中包含用逗号分隔的项目列表。

  • 假设我们想在一个数组中存储一个购物清单 - 我们会做一些如下所示的事情。 在您的控制台中输入以下行:
var shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles'];
shopping;
//返回:bread,milk,cheese,hummus,noodles
  • 可以将数组中的任何项目存储在数组中 - 字符串,数字,对象,另一个变量,甚至另一个数组。 您也可以混合和匹配项目类型 - 它们并不都是数字,字符串等。尝试这些:
var sequence = [1, 1, 2, 3, 5, 8, 13];
var random = ['tree', 795, [0, 1, 2]];

访问和修改数组项

使用括号表示法访问数组中的各个项目

  • 访问数组
shopping[0];
  • 可以通过简单地向单个数组项提供新值来修改数组中的项目。
shopping[0] = 'tahini';
shopping;
// shopping will now return [ "tahini", "milk", "cheese", "hummus", "noodles" ]
  • 数组中的数组称为多维数组,以通过将两组方括号链接在一起来访问数组内的另一个数组。

数组长度

sequence.length;

一些有用的数组方法

字符串和数组之间的转换

split()方法
join()方法

var myData = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle';
var myArray = myData.split(',');
myArray.length;
myArray[0]; // the first item in the array
myArray[1]; // the second item in the array
myArray[myArray.length-1]; // the last item in the array
var myNewString = myArray.join(',');

数组转换为字符串的另一种方法 toString()

var dogNames = ["Rocket","Flash","Bella","Slugger"];
dogNames.toString(); //Rocket,Flash,Bella,Slugger

添加和删除数组项

push() pop()
unshift() shift()

### JavaScript 数组常用方法及数据操作知识点 在 JavaScript 中,数组是一种非常重要的数据结构,用于存储和操作一组有序的数据。以下是一些与数组相关的常用方法及其功能说明: #### 1. 添加元素 - **push()** 方法用于向数组的末尾添加一个或多个元素,并返回新数组的长度[^1]。 ```javascript let arr = [1, 2, 3]; arr.push(4); // arr 变为 [1, 2, 3, 4] ``` - **unshift()** 方法用于向数组的开头添加一个或多个元素,并返回新数组的长度。 ```javascript let arr = [1, 2, 3]; arr.unshift(0); // arr 变为 [0, 1, 2, 3] ``` #### 2. 删除元素 - **pop()** 方法用于删除数组的最后一个元素,并返回被删除的元素。 ```javascript let arr = [1, 2, 3]; arr.pop(); // arr 变为 [1, 2] ``` - **shift()** 方法用于删除数组的第一个元素,并返回被删除的元素。 ```javascript let arr = [1, 2, 3]; arr.shift(); // arr 变为 [2, 3] ``` - **splice()** 方法用于从数组中删除、替换或添加元素[^5]。 ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); // arr 变为 [1, 4, 5] ``` #### 3. 合并数组 - **concat()** 方法用于将两个或多个数组合并为一个新数组,原数组不会被修改[^2]。 ```javascript let a = [1, 2]; let b = [3, 4]; let c = a.concat(b); // c 为 [1, 2, 3, 4] ``` #### 4. 遍历数组 - **forEach()** 方法用于对数组的每个元素执行一次提供的函数。 ```javascript let arr = [1, 2, 3]; arr.forEach(function(item) { console.log(item); // 输出 1, 2, 3 }); ``` - **map()** 方法用于创建一个新数组,其结果是对调用数组中的每个元素执行回调函数后的值[^4]。 ```javascript let arr = [1, 2, 3]; let newArr = arr.map(function(item) { return item * 2; }); // newArr 为 [2, 4, 6] ``` #### 5. 筛选数组 - **filter()** 方法用于创建一个新数组,包含通过所提供函数实现的测试的所有元素[^5]。 ```javascript let arr = [1, 2, 3, 4]; let newArr = arr.filter(function(item) { return item > 2; }); // newArr 为 [3, 4] ``` #### 6. 查找元素 - **find()** 方法用于返回数组中满足提供的测试函数的第一个元素的值。 ```javascript let arr = [1, 2, 3, 4]; let result = arr.find(function(item) { return item > 2; }); // result 为 3 ``` - **indexOf()** 方法用于返回数组中某个指定元素的第一个索引,如果不存在则返回 -1。 ```javascript let arr = [1, 2, 3]; let index = arr.indexOf(2); // index 为 1 ``` #### 7. 排序与反转 - **sort()** 方法用于对数组的元素进行排序[^3]。 ```javascript let arr = [3, 1, 2]; arr.sort(); // arr 变为 [1, 2, 3] ``` - **reverse()** 方法用于颠倒数组中元素的顺序。 ```javascript let arr = [1, 2, 3]; arr.reverse(); // arr 变为 [3, 2, 1] ``` #### 8. 其他方法 - **join()** 方法用于将数组的所有元素连接成一个字符串,并返回这个字符串。 ```javascript let arr = [1, 2, 3]; let str = arr.join(","); // str 为 "1,2,3" ``` - **slice()** 方法用于返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝。 ```javascript let arr = [1, 2, 3, 4]; let newArr = arr.slice(1, 3); // newArr 为 [2, 3] ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值