数组元素添加与删除，包括树结构数据

2024-11-26 技术教程

安装npm包

npm i great-jsutils --save

导入api

import {JsUtilsApi, ArrayUtils, Base64, TimeUtils,StringUtils } from "great-jsutils/index";

示例1：字符串移除

//字符串移除，第一个参数是被操作的数组，第二个参数是需要移除的字符串testArray(){ let arr=["a","b","c"]; ArrayUtils.remove(arr,"b"); console.log(arr.join(","));//a,c}示例2：对象移除

//对象移除，第一个参数是被操作的数组，第二个参数是需要移除的对象，第三个对象的主键testArray(){ let objArr=[{"id":"1","name":"赵云"},{"id":"2","name":"诸葛亮"}]; ArrayUtils.remove(objArr,{"id":"2"},"id"); console.log(JSON.stringify(objArr));//[{"id":"1","name":"赵云"}]}示例3：数组中的对象key替换

//数组中的对象key替换，例如源数据为[{"name":"张三"}]替换为[{"text":"张三"}]

testArray(){ let datas=[{"name":"张三","sex":"1"}]; let keys={"id":"key"}; let result=ArrayUtils.updateKey(data,keys); console.log(result);//[{"text":"张三"}]}示例4：数组中对象key替换，并增加新的属性

//数组中对象key替换，例如源数据为[{"name":"张三","age":80}]替换为[{"text":"张三","age":80,"ageGroup":"老年人"}];

//这里是根据某些值特征，增加新的属性testArray(){ let datas=[{"name":"张三","sex":"1"}]; let keys={"name":"text"}; let result=ArrayUtils.updateKey(data,keys,function(){ if(data["age"]>75){ return {"ageGroup":"老年人"}; } }); console.log(result);//[{"text":"张三","age":80,"ageGroup":"老年人"}];}示例5：数组中对象key替换，含有子节点

ArrayUtils.validArray(datas)示例7：树状数据添加子数据

向指定节点，追加新的子节点

function testArray(){ let data=[{"id":"id-A","type":"1","children":[ {"id":"id-A01","type":"2","children":[ {"id":"id-A01-01","type":"3"} ]}, {"id":"id-A03","type":"3"} ]}]; let child={"id":"id-A03-01","pid":"id-A03"}; let newData=ArrayUtils.addByParentId(data,child,"pid","id","children"); console.log(result);}