HarmonyOS 鸿蒙Next ArkTS里如何正确对数组进行增删改查？

发布于 1周前 作者 wuwangju 来自 鸿蒙OS

HarmonyOS 鸿蒙Next ArkTS里如何正确对数组进行增删改查？

ArkTS里如何正确对数组进行增删改查？

后端接口返回了一个数据数组，要对里面的元素进行增删改查
比如：
1 往该数组里新增一个元素
2 删除某一下标的元素
3 替换某一下标的元素
4 取某一下标的元素

能否提供个代码小示例

Harmonyos Next教程
2 回复

在ArkTS（Ark TypeScript）中，对数组进行增删改查的操作与在JavaScript或TypeScript中的操作非常相似。假设你已经从后端接口获取到了一个数据数组，下面是如何对这个数组进行增删改查操作的示例代码。

假设你有一个数组 dataArray，它包含了从后端接口返回的数据。

// 假设这是从后端接口获取的数据数组
let dataArray: any[] = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
];

1. 往数组里新增一个元素

可以使用 push 方法在数组末尾添加一个新元素，或者使用 splice 方法在指定位置插入一个新元素。

// 在数组末尾添加一个新元素
dataArray.push({ id: 4, name: 'David' });
// 在数组的第2个位置（索引1）插入一个新元素
dataArray.splice(1, 0, { id: 5, name: 'Eve' });

2. 删除某一下标的元素

可以使用 splice 方法来删除指定位置的元素。

// 删除数组的第3个元素（索引2）
dataArray.splice(2, 1); // 第二个参数1表示删除一个元素

3. 替换某一下标的元素

可以直接通过索引来替换数组中的元素。

// 替换数组的第1个元素（索引0）
dataArray[0] = { id: 6, name: 'Frank' };

4. 取某一下标的元素

可以通过索引直接访问数组中的元素。

// 获取数组的第2个元素（索引1）
const element = dataArray[1];
console.log(element); // 输出: { id: 5, name: 'Eve' } 或修改后的值

完整示例

let dataArray: any[] = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 3, name: 'Charlie' }
];
// 新增元素
dataArray.push({ id: 4, name: 'David' });
dataArray.splice(1, 0, { id: 5, name: 'Eve' });
// 删除元素
dataArray.splice(2, 1); // 删除索引2的元素
// 替换元素
dataArray[0] = { id: 6, name: 'Frank' };
// 查询元素
const element = dataArray[1];
console.log(element); // 输出替换或新增后的值

这些操作在ArkTS中应该与在标准的JavaScript或TypeScript环境中完全一致，因为ArkTS主要是扩展了TypeScript用于特定开发场景（如游戏开发），但基本的数组操作方法并没有改变。

更多关于HarmonyOS 鸿蒙Next ArkTS里如何正确对数组进行增删改查？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next ArkTS中，对数组进行增删改查的操作可以通过直接操作数组对象来实现。以下是具体的操作方法：

增（Add）： 使用push方法向数组末尾添加元素。

let arr = [1, 2, 3];
arr.push(4); // arr 变为 [1, 2, 3, 4]

删（Delete）： 使用splice方法从数组中删除指定位置的元素。

let arr = [1, 2, 3, 4];
arr.splice(2, 1); // 从索引2开始删除1个元素，arr 变为 [1, 2, 4]

改（Update）： 直接通过索引修改数组中的元素。

let arr = [1, 2, 3, 4];
arr[2] = 5; // arr 变为 [1, 2, 5, 4]

查（Query）： 使用索引访问数组元素，或者使用indexOf方法查找元素位置。

let arr = [1, 2, 5, 4];
let element = arr[2]; // 获取索引2的元素，element 为 5
let index = arr.indexOf(4); // 查找元素4的位置，index 为 3

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部