js中数组的常用语法

前言

在开发开源项目中由于大量的使用到数组相关的操作，但是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学习资料给大家，谢谢支持！