sf-utils2 sf-utils2
版本v3.3.3-beta1
首页
  • 01.快速开始 🔥
  • 02.基础-Base
  • 03.对象-Object
  • 04.数组-Array
  • 05.方法-Function
  • 06.字符串-String
  • 07.数学-Math
  • 08.dom
  • 09.拓展
  • webpack5.x教程学习 (opens new window)
  • 例子
  • 教程 🔥
  • 例子配置
企业级后台模版 (opens new window)
版本v3.3.3-beta1
首页
  • 01.快速开始 🔥
  • 02.基础-Base
  • 03.对象-Object
  • 04.数组-Array
  • 05.方法-Function
  • 06.字符串-String
  • 07.数学-Math
  • 08.dom
  • 09.拓展
  • webpack5.x教程学习 (opens new window)
  • 例子
  • 教程 🔥
  • 例子配置
企业级后台模版 (opens new window)
  • 快速开始

  • 基础-Base

  • 对象-Object

  • 数组-Array✨✨✨

    • 序言 👏
    • uniq 【数组去重】
    • arrayToMap 【数组转成Map】
    • arrayToObj 【数组转成obj】
      • 1.示例
      • 2.入参说明
        • options 对象
      • 3.源码
    • chunk 【数组切割】
    • compact 【去除数组中无效值】
    • remove 【数组中移除一个元素】
    • shuffle 【数组随机打乱】
    • groupBy 【分组】
    • compactIsNoNullable 【去除数组中null/undefined/NaN】
    • arrayDiff【比较数组差异】🔥🔥
    • differenceBy【获取新增数组】🔥
    • intersection 【数组交集】
    • matchSubListGroup
    • listToTree【列表转树形】🔥🔥🔥
    • treeToList【树型转列表】🔥🔥🔥
    • eachTree【遍历树形结构】🔥🔥🔥
    • filterTree【过滤树形结构】🔥🔥🔥
    • childNodesInList【列表中获取某个下所有后代节点】🔥
    • parentNodesInTree【tree中获取所有祖先节点】 🔥
    • formatStrategyIdsInTree【树形数据中只选中父节点】 🔥
    • range 【序号列表生成函数】
  • 方法-Function

  • 字符串-String

  • 数学-Math

  • 文件-Buffer

  • 节点-dom

  • 拓展

  • nodejs

目录

arrayToObj 【数组转成obj】

描述

数组转成 obj

# 1.示例

import { arrayToObj } from 'sf-utils2'

const list = [
 {empId: 1, empName: '蔡徐坤'},
 {empId: 2, empName: '小明'},
 {empId: 3, empName: '小红'},
]

// 根据属性名转化
arrayToObj(list, 'empId')
// 输出
{ 1: {empId: 1, empName: '蔡徐坤'},2: {empId: 2, empName: '小明'}, 3: {empId: 3, empName: '小红'} }

// 不传属性名
const list = [1, 2, 3, '4']
arrayToObj(list)
// 输出 { 1: 1, 2: 2, 3: 3, 4: '4'}


// 返回属性值为数组
arrayToObj(list, 'empId', {valueType: 'array'})
// 输出
{ 1: [{empId: 1, empName: '蔡徐坤'}],2: [{empId: 2, empName: '小明'}], 3: [{empId: 3, empName: '小红'}] }


// 通过function,函数自定义
arrayToObj(list, (obj, item, index) => {
    obj[item.empId] = item
})
// 输出
{ 1: {empId: 1, empName: '蔡徐坤'}, 2: {empId: 2, empName: '小明'}, 3: {empId: 3, empName: '小红'} }


// 多个属性名
const list = [
  { empId: 1, empName: '蔡徐坤' },
  { empId: 2, empName: '小明' },
  { empId: 3, empName: '蔡徐坤' },
]
console.log(arrayToObj(list, ['empId', 'empName']))
// =>
// {
//   1|蔡徐坤: {empId: 1, empName: '蔡徐坤'},
//   2|小明: {empId: 2, empName: '小明'}
//   3|蔡徐坤: {empId: 3, empName: '蔡徐坤'}
// }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

# 2.入参说明

参数 说明 类型 是否必填
array 原数组 Array --------
property 属性名或回调函数 Array、Function、string[] --------
options 配置参数详情见下 👇 Object --------

# options 对象

参数 说明 类型 是否必填 默认值
valueType 每一项返回值类型是对象还是数组,前提建立当设置 proerty 是字符串有值时 object\|array 否 object
retainKeyWithNull 是否保留未定义的属性值 v3.1.4+ boolean 否 false

# 3.源码

源码,点开查看 👈
import isArray from '@/base/isArray'
import isFunction from '@/base/isFunction'
import { getPropValue } from '@/array/arrayToMap'
import isNullable from '@/base/isNullable'

/**
 * 将数组转成obj
 * @param {any[]} array 数组
 * @param {string|Function|string[]} [property] 主键
 * @param {{valueType: 'object' | 'array', retainKeyWithNull?: boolean}} [options] 是否保留未定义的属性值
 * @returns {*}
 * @example
 *
 * const list = [
 *  {empId: 1, empName: '蔡徐坤'},
 *  {empId: 2, empName: '小明'}
 * ]
 * arrayToObj(list, 'empId')
 * =>
 * {
 *   1: {empId: 1, empName: '蔡徐坤'},
 *   2: {empId: 2, empName: '小明'}
 * }
 *
 * const list = [
 *  1, 2, 3, '4'
 * ]
 * arrayToObj(list)
 * =>
 * {
 *   1: 1
 *   2: 2,
 *   3: 3,
 *   4: '4'
 * }
 *
 */

function arrayToObj(array = [], property, options = { valueType: 'object', retainKeyWithNull: false }) {
  if (isArray(array)) {
    // 如果property是Function
    if (isFunction(property)) {
      const object = {}
      array.forEach((v, vi) => property(object, v, vi))
      return object
    }
    const valueType = String(options?.valueType).toLowerCase() || 'object'
    // 非Function,且property存在
    if (property) {
      return array.reduce((pre, cur) => {
        let value = getPropValue(cur, property)
        if (options.retainKeyWithNull && isNullable(value)) value = 'undefined'
        if (value) {
          if (valueType === 'array') {
            if (!isArray(pre[value])) pre[value] = []
            pre[value].push(cur)
          } else {
            pre[value] = cur
          }
        }
        return pre
      }, {})
    }
    // property不存在时
    return array.reduce((pre, cur) => {
      if (options.retainKeyWithNull && isNullable(value)) cur = 'undefined'
      if (cur) {
        if (valueType === 'array') {
          if (!isArray(pre[cur])) pre[cur] = []
          pre[cur].push(cur)
        } else {
          pre[cur] = cur
        }
      }
      return pre
    }, {})
  }
  return {}
}
export default arrayToObj
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
上次更新: 2024/01/16, 00:14:12
arrayToMap 【数组转成Map】
chunk 【数组切割】

← arrayToMap 【数组转成Map】 chunk 【数组切割】→

Theme by Vdoing | Copyright © 2022-2025 bianpengfei
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×