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

    • 序言 👏
    • has【对象含有属性(功能更强大)】
    • hasOwn【对象含有属性(扩展)】
    • deepClone【深度克隆】
    • setPropPath【给每个对象设置路径节点名】
      • 1.示例
      • 2.入参说明
        • 主入参
      • 3.源码
    • findPropPath【从对象中找到键名路径名】
    • get【获取对象属性值】🔥🔥🔥
    • flatten 【将对象进行扁平化】
    • readonly【定义只读属性】
    • def【定义不可枚举属性】
    • cache【内存缓存对象】
    • bus【发布订阅】🔥🔥🔥
    • merge 【合并对象】
    • deepMerge 【递归深合并对象】
    • transformObjectKeys【对象属性字段全部转成大写或者小写】
    • convertPropToLower【对象属性字段全部转成大写或者小写】
    • looseEqual【比较对象内部结构和数据】🔥🔥🔥
    • omit【忽略对象属性】
    • pick【取出对象属性】
  • 数组-Array✨✨✨

  • 方法-Function

  • 字符串-String

  • 数学-Math

  • 文件-Buffer

  • 节点-dom

  • 拓展

  • nodejs

目录

setPropPath【给每个对象设置路径节点名】

描述

设置对象,给每个对象设置路径节点名(递归)
比如一个对象是:
const user = { name: '张洪文', id: '1', list: [], obj: { id: '---', hos: { location: { name: '卫生院' } } }
转化得
{ "name": "张洪文", "id": "1", "list": [], "obj": { "id": "---", "hos": { "location": { "name": "卫生院", "__path__": "obj|hos|location" }, "__path__": "obj|hos" }, "__path__": "obj" }, "__path__": "" }

# 1.示例

import { setPropPath } from 'sf-utils2'

const user = {
  name: '张洪文',
  id: '1',
  list: [],
  obj: {
    id: '---',
    hos: {
      location: {
        name: '卫生院'
      }
    }
  }
}
setPropPath({ data: user })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
输出结果,点击查看
;({
  name: '张洪文',
  id: '1',
  list: [],
  obj: {
    id: '---',
    hos: {
      location: {
        name: '卫生院',
        __path__: 'obj|hos|location' // 路径名
      },
      __path__: 'obj|hos' // 路径名
    },
    __path__: 'obj' // 路径名
  },
  __path__: '' // 路径名
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# 2.入参说明

# 主入参

参数 说明 类型 是否必填 默认值
data 原数据 Object 是
field 设置路径名,默认不需要传入 String 否 __path__

# 3.源码

import deepClone from './deepClone'
import isPlainObject from '@/base/isPlainObject'
import def from './def'

/**
 * 设置对象给每个对象设置路径名
 * @param data 对象
 * @param field
 * @returns {*}
 * example:
 * {
 *   name: '张洪文',
 *   id: '1',
 *   list: [],
 *   obj: {
 *     id: '---',
 *     hos: {
 *       location: {
 *         name: '卫生院'
 *       }
 *     }
 *   }
 * }
 *
 * =>
 {
 *   name: '张洪文',
 *   id: '1',
 *   list: [],
 *   _path: '',
 *   obj: {
 *     id: '---',
 *     _path: 'obj',
 *     hos: {
 *       location: {
 *         name: '卫生院',
 *         _path: 'obj|hos|location'
 *       },
 *       _path: 'obj|hos'
 *     }
 *   }
 * }
 */
function setPropPath({ data = {}, field = '__path__' }) {
  const dataCopy = deepClone(data)
  const cb = (data = dataCopy, parentFieldValue = field, fieldValue = '') => {
    if (isPlainObject(data)) {
      def(data, field, undefined)
      data[field] = [parentFieldValue, fieldValue].filter(v => v).join('.')
      if (data[field] == field) data[field] = ''
      Object.keys(data).forEach(key => {
        cb(data[key], data[field], key)
      })
    }
    return data
  }
  return cb()
}

export default setPropPath
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
上次更新: 2023/06/24, 19:35:48
deepClone【深度克隆】
findPropPath【从对象中找到键名路径名】

← deepClone【深度克隆】 findPropPath【从对象中找到键名路径名】→

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