微信小程序 数组(增,删,改,查)等操作实例详解
1. 数组的创建和基本操作
1.1 创建一个数组
在 JavaScript 中,可以通过如下方式创建一个数组:
let arr = [1, 2, 3];
这个数组里包含了 1,2,3 三个元素。
1.2 获取数组长度
可以使用 .length
属性获取数组长度,例如:
let arr = [1, 2, 3];
console.log(arr.length); // 输出 3
1.3 访问数组元素
访问数组元素可以使用下标,下标从 0 开始,例如:
let arr = [1, 2, 3];
console.log(arr[0]); // 输出 1
console.log(arr[1]); // 输出 2
console.log(arr[2]); // 输出 3
1.4 修改数组元素
可以通过下标修改数组元素,例如:
let arr = [1, 2, 3];
arr[0] = 4; // 将第一个元素改为 4
console.log(arr); // 输出 [4, 2, 3]
1.5 添加数组元素
使用 .push()
方法可以向数组尾部添加一个元素,例如:
let arr = [1, 2, 3];
arr.push(4); // 将 4 添加到数组尾部
console.log(arr); // 输出 [1, 2, 3, 4]
1.6 删除数组元素
使用 .pop()
方法可以删除数组尾部的一个元素,例如:
let arr = [1, 2, 3];
arr.pop(); // 删除数组尾部的一个元素(即 3)
console.log(arr); // 输出 [1, 2]
2. 数组的常用操作
2.1 循环数组
可以使用 for
循环遍历数组,例如:
let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
// 输出:
// 1
// 2
// 3
2.2 数组反转
使用 .reverse()
方法可以反转数组,例如:
let arr = [1, 2, 3];
arr.reverse();
console.log(arr); // 输出 [3, 2, 1]
2.3 数组排序
使用 .sort()
方法可以对数组进行排序,例如:
let arr = [5, 2, 4, 1, 3];
arr.sort();
console.log(arr); // 输出 [1, 2, 3, 4, 5]
可以对比一下上面的例子和下面的例子:
let arr = [5, 2, 4, 1, 3];
arr.sort((a, b) => a - b); // 从小到大排序
console.log(arr); // 输出 [1, 2, 3, 4, 5]
arr.sort((a, b) => b - a); // 从大到小排序
console.log(arr); // 输出 [5, 4, 3, 2, 1]
2.4 数组筛选
使用 .filter()
方法可以筛选数组中符合条件的元素,例如:
let arr = [1, 2, 3, 4, 5, 6];
let newArr = arr.filter(item => item % 2 === 0); // 筛选出偶数
console.log(newArr); // 输出 [2, 4, 6]
3. 示例说明
3.1 数组去重
下面是一个数组去重的实现方式:
let arr = [1, 2, 2, 3, 4, 4, 5, 5];
let newArr = Array.from(new Set(arr)); // Set 数据结构自动去重
console.log(newArr); // 输出 [1, 2, 3, 4, 5]
3.2 数组平铺
下面是一个数组平铺的实现方式:
let arr = [1, [2, 3], [4, [5, 6], 7]];
let newArr = arr.flat(Infinity); // Infinity 表示全部展开
console.log(newArr); // 输出 [1, 2, 3, 4, 5, 6, 7]
以上这些操作涵盖了数组的重要操作,希望能够帮助到您写出更好的小程序。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:微信小程序 数组(增,删,改,查)等操作实例详解 - Python技术站