前言
在开发开源项目中由于大量的使用到数组相关的操作，但是js原生的数组语法有时候使用起来不是那么的随心所欲，于是就自己封装了一个常用的数组操作工具类。
工具源码，小伙伴们直接拷贝源码或者将arrayExtension.js文件拖拽到工程即可
工具源码：https://github.com/guangqiang-liu/react-native-ArrayTool
/** 数组拓展工具类 **/
const ArrayTool = {
/**
* 往数组中添加元素，若数组中已有此元素，则删除重复元素，添加新的元素
* @param array
* @param item
* @returns {*}
*/
update: (array, item) => {
if(!Array.isArray(array)) {
return []
}
for (let i = 0; i < array.length; i++) {
let value = array[i]
if (item === value) {
array.splice(i, 1)
}
}
array.push(item)
return array
},
/**
* 往数组中添加元素，若数组中有则不再添加
* @param array
* @param item
* @returns {*}
*/
add: (array, item) => {
if(!Array.isArray(array)) {
return []
}
for(let i = 0; i < array.length; i++) {
let value = array[i]
if (item === value) {
return array
}
}
array.push(item)
return array
},
/**
* 往数组中追加元素，元素追加到数组栈底
* @param array
* @param item
* @returns {*}
*/
push: (array, item) => {
if(!Array.isArray(array)) {
return []
}
array.push(item)
return array
},
/**
* 往数组中追加元素，元素追加到数组栈顶
* @param array
* @param item
* @returns {*}
*/
unshift: (array, item) => {
if(!Array.isArray(array)) {
return []
}
array.unshift(item)
return array
},
/**
* 往数组的指定位置插入一个元素
* @param array
* @param location
* @param item
* @returns {*}
* @private
*/
_splice: (array, location, item) => {
if(!Array.isArray(array)) {
return []
}
array.splice(location, 0, item)
return array
},
/**
* 往数组中指定位置插入指定长度个数的元素
* @param array
* @param item
* @param location
* @returns {*}
*/
splice_A: (array, location, length, item) => {
if(!Array.isArray(array)) {
return []
}
array.splice(location, length, item)
return array
},
/**
* 删除数组中指定元素
* @param array
* @param item
* @returns {*}
*/
remove: (array, item) => {
if(!Array.isArray(array)) {
return []
}
for(let i = 0; i < array.length; i++) {
let value = array[i]
if (item === value) {
array.splice(i, 1)
}
}
return array
},
/**
* 删除数组中最后一个元素
* @param array
* @returns {*}
*/
pop: (array) => {
if(!Array.isArray(array)) {
return []
}
array.pop()
return array
},
/**
* 删除数组中第一个元素
* @param array
* @returns {*}
*/
shift: (array) => {
if(!Array.isArray(array)) {
return []
}
array.shift()
return array
},
/**
* 删除数组中指定位置，指定长度的元素
* @param array
* @param location
* @param length
* @returns {*}
*/
splice_D: (array, location, length) => {
if(!Array.isArray(array)) {
return []
}
array.splice(location, length)
return array
},
/**
* 判断两个数组是否相等
* @param arr1
* @param arr2
* @returns {boolean}
*/
isEqual: (array1, array2) => {
if(!(Array.isArray(array1) && Array.isArray(array2))) {
return false
}
if(array1.length !== array2.length) {
return false
}
for(let i = 0; i < array1.length; i++) {
if (array1[i] !== array2[i]) {
return false
}
}
return true
}
}
export {ArrayTool}
福利时间
- 作者React Native开源项目OneM地址(按照企业开发标准搭建框架设计开发)：https://github.com/guangqiang-liu/OneM (欢迎小伙伴们 star)
- 作者简书主页：包含50多篇RN开发相关的技术文章http://www.jianshu.com/u/023338566ca5 (欢迎小伙伴们：多多关注，多多点赞)
- 作者React Native QQ技术交流群：620792950 欢迎小伙伴进群交流学习
- 友情提示：在开发中有遇到RN相关的技术问题，欢迎小伙伴加入交流群（620792950），在群里提问、互相交流学习。交流群也定期更新最新的RN学习资料给大家，谢谢支持！
