来自于https://github.com/vardars/dotize
感谢此作者，侵权立删
JSON => Object
@niu-tools/core/dotize
==>
<template>
<div style="display: flex; align-items: center">
<textarea style="width: 220px; height: 200px;border: 1px solid #eee;" :value="jsonStr(sourceObject)"></textarea>
<span style="padding: 0 20px">==></span>
<textarea style="width: 220px; height: 200px;border: 1px solid #eee;" :value="jsonStr(targetObject)"></textarea>
</div>
</template>
<script setup lang="ts">
import dotize from '@niu-tools/core/dotize'
const sourceObject = {
status: 'success',
auth: {
code: 123,
name: 'qwerty asdfgh',
},
}
function jsonStr(obj: object) {
return JSON.stringify(obj, null, 2)
}
const targetObject = dotize.convert(sourceObject)
</script><template>
<div style="display: flex; align-items: center">
<textarea style="width: 220px; height: 200px;border: 1px solid #eee;" :value="jsonStr(sourceObject)"></textarea>
<span style="padding: 0 20px">==></span>
<textarea style="width: 220px; height: 200px;border: 1px solid #eee;" :value="jsonStr(targetObject)"></textarea>
</div>
</template>
<script setup lang="ts">
import dotize from '@niu-tools/core/dotize'
const sourceObject = {
status: 'success',
auth: {
code: 123,
name: 'qwerty asdfgh',
},
}
function jsonStr(obj: object) {
return JSON.stringify(obj, null, 2)
}
const targetObject = dotize.convert(sourceObject)
</script>Object => JSON
@niu-tools/core/dotize
==>
<template>
<div style="display: flex; align-items: center">
<textarea style="width: 220px; height: 200px;border: 1px solid #eee;" :value="jsonStr(sourceObject)"></textarea>
<span style="padding: 0 20px">==></span>
<textarea style="width: 220px; height: 200px;border: 1px solid #eee;" :value="jsonStr(targetObject)"></textarea>
</div>
</template>
<script setup lang="ts">
import dotize from '@niu-tools/core/dotize'
const sourceObject = {
"status": "success",
"auth.code": 123,
"auth.name": "qwerty asdfgh"
}
function jsonStr(obj: object) {
return JSON.stringify(obj, null, 2)
}
const targetObject = dotize.backward(sourceObject)
</script><template>
<div style="display: flex; align-items: center">
<textarea style="width: 220px; height: 200px;border: 1px solid #eee;" :value="jsonStr(sourceObject)"></textarea>
<span style="padding: 0 20px">==></span>
<textarea style="width: 220px; height: 200px;border: 1px solid #eee;" :value="jsonStr(targetObject)"></textarea>
</div>
</template>
<script setup lang="ts">
import dotize from '@niu-tools/core/dotize'
const sourceObject = {
"status": "success",
"auth.code": 123,
"auth.name": "qwerty asdfgh"
}
function jsonStr(obj: object) {
return JSON.stringify(obj, null, 2)
}
const targetObject = dotize.backward(sourceObject)
</script>源码
查看源码
dotize/index.ts源码
ts
// @ts-nocheck
// Convert complex js object to dot notation js object
// url: https://github.com/vardars/dotize
// author: vardars
var dotize = {
valTypes: {
none: 'NONE',
primitive: 'PRIM',
object: 'OBJECT',
array: 'ARRAY',
},
getValType: function (val) {
if ((!val || typeof val != 'object') && !Array.isArray(val))
return dotize.valTypes.primitive
if (Array.isArray(val)) return dotize.valTypes.array
if (typeof val == 'object') return dotize.valTypes.object
},
getPathType: function (arrPath) {
var arrPathTypes = []
for (var path in arrPath) {
var pathVal = arrPath[path]
if (!pathVal) arrPathTypes.push(dotize.valTypes.none)
else if (dotize.isNumber(pathVal))
arrPathTypes.push(dotize.valTypes.array)
else arrPathTypes.push(dotize.valTypes.object)
}
return arrPathTypes
},
isUndefined: function (obj) {
return typeof obj == 'undefined'
},
isNumber: function (f) {
return !isNaN(parseInt(f))
},
isEmptyObj: function (obj) {
for (var prop in obj) {
if (Object.hasOwnProperty.call(obj, prop)) return false
}
return JSON.stringify(obj) === JSON.stringify({})
},
isNotObject: function (obj) {
return !obj || typeof obj != 'object'
},
isEmptyArray: function (arr) {
return Array.isArray(arr) && arr.length == 0
},
isNotArray: function (arr) {
return Array.isArray(arr) == false
},
removeEmptyArrayItem: function (arr) {
return arr.filter(function (el) {
return el != null && el != ''
})
},
getFieldName: function (field, prefix, isRoot, isArrayItem, isArray) {
if (isArray)
return (
(prefix ? prefix : '') +
(dotize.isNumber(field)
? '[' + field + ']'
: (isRoot && !prefix ? '' : '.') + field)
)
else if (isArrayItem) return (prefix ? prefix : '') + '[' + field + ']'
else return (prefix ? prefix + '.' : '') + field
},
startsWith: function (val, valToSearch) {
return val.indexOf(valToSearch) == 0
},
convert: function (obj, prefix?: string) {
var newObj = {}
// primitives
if (dotize.isNotObject(obj) && dotize.isNotArray(obj)) {
if (prefix) {
newObj[prefix] = obj
return newObj
} else {
return obj
}
}
return (function recurse(o, p, isRoot) {
var isArrayItem = Array.isArray(o)
for (var f in o) {
var currentProp = o[f]
if (currentProp && typeof currentProp === 'object') {
if (Array.isArray(currentProp)) {
if (dotize.isEmptyArray(currentProp)) {
newObj[
dotize.getFieldName(f, p, isRoot, false, true)
] = currentProp
} else {
newObj = recurse(
currentProp,
dotize.getFieldName(f, p, isRoot, false, true),
isArrayItem
) // array
}
} else {
if (
isArrayItem &&
dotize.isEmptyObj(currentProp) == false
) {
newObj = recurse(
currentProp,
dotize.getFieldName(f, p, isRoot, true)
) // array item object
} else if (dotize.isEmptyObj(currentProp) == false) {
newObj = recurse(
currentProp,
dotize.getFieldName(f, p, isRoot)
) // object
} else if (dotize.isEmptyObj(currentProp)) {
newObj[
dotize.getFieldName(f, p, isRoot, isArrayItem)
] = currentProp
}
}
} else {
if (isArrayItem || dotize.isNumber(f)) {
newObj[dotize.getFieldName(f, p, isRoot, true)] =
currentProp // array item primitive
} else {
newObj[dotize.getFieldName(f, p, isRoot)] = currentProp // primitive
}
}
}
return newObj
})(obj, prefix, true)
},
backward: function (obj, prefix?: string) {
var newObj = {}
var arStartRegex = /\[(\d+)\]/g
// primitives
if (dotize.isNotObject(obj) && dotize.isNotArray(obj)) {
if (prefix) {
return obj[prefix]
} else {
return obj
}
}
for (var tProp in obj) {
var tPropVal = obj[tProp]
if (prefix) {
var prefixRegex = new RegExp('^' + prefix)
tProp = tProp.replace(prefixRegex, '')
}
tProp = tProp.replace(arStartRegex, '.$1')
if (dotize.startsWith(tProp, '.')) tProp = tProp.replace(/^\./, '')
var arrPath = tProp.split('.')
var arrPathTypes = dotize.getPathType(arrPath)
// has array on root
if (
!dotize.isUndefined(arrPathTypes) &&
arrPathTypes[0] == dotize.valTypes.array &&
Array.isArray(newObj) == false
) {
newObj = []
}
;(function recurse(rPropVal, rObj, rPropValPrev, rObjPrev) {
var currentPath = arrPath.shift()
var currentPathType = arrPathTypes.shift()
if (typeof currentPath == 'undefined' || currentPath == '') {
newObj = rPropVal
return
}
var isArray = currentPathType == dotize.valTypes.array
if (dotize.isNumber(currentPath))
currentPath = parseInt(currentPath)
// has multiple levels
if (arrPath.length > 0) {
// is not assigned before
if (typeof rObj[currentPath] == 'undefined') {
if (isArray) {
rObj[currentPath] = []
} else {
rObj[currentPath] = {}
}
}
recurse(rPropVal, rObj[currentPath], currentPath, rObj)
return
}
if (
currentPathType == dotize.valTypes.array &&
rPropValPrev &&
rObjPrev
) {
if (Array.isArray(rObjPrev[rPropValPrev]) == false)
rObjPrev[rPropValPrev] = []
rObjPrev[rPropValPrev].push(rPropVal)
} else {
rObj[currentPath] = rPropVal
}
})(tPropVal, newObj)
}
return newObj
},
}
if (typeof module != 'undefined') {
module.exports = dotize
}
export default dotize// @ts-nocheck
// Convert complex js object to dot notation js object
// url: https://github.com/vardars/dotize
// author: vardars
var dotize = {
valTypes: {
none: 'NONE',
primitive: 'PRIM',
object: 'OBJECT',
array: 'ARRAY',
},
getValType: function (val) {
if ((!val || typeof val != 'object') && !Array.isArray(val))
return dotize.valTypes.primitive
if (Array.isArray(val)) return dotize.valTypes.array
if (typeof val == 'object') return dotize.valTypes.object
},
getPathType: function (arrPath) {
var arrPathTypes = []
for (var path in arrPath) {
var pathVal = arrPath[path]
if (!pathVal) arrPathTypes.push(dotize.valTypes.none)
else if (dotize.isNumber(pathVal))
arrPathTypes.push(dotize.valTypes.array)
else arrPathTypes.push(dotize.valTypes.object)
}
return arrPathTypes
},
isUndefined: function (obj) {
return typeof obj == 'undefined'
},
isNumber: function (f) {
return !isNaN(parseInt(f))
},
isEmptyObj: function (obj) {
for (var prop in obj) {
if (Object.hasOwnProperty.call(obj, prop)) return false
}
return JSON.stringify(obj) === JSON.stringify({})
},
isNotObject: function (obj) {
return !obj || typeof obj != 'object'
},
isEmptyArray: function (arr) {
return Array.isArray(arr) && arr.length == 0
},
isNotArray: function (arr) {
return Array.isArray(arr) == false
},
removeEmptyArrayItem: function (arr) {
return arr.filter(function (el) {
return el != null && el != ''
})
},
getFieldName: function (field, prefix, isRoot, isArrayItem, isArray) {
if (isArray)
return (
(prefix ? prefix : '') +
(dotize.isNumber(field)
? '[' + field + ']'
: (isRoot && !prefix ? '' : '.') + field)
)
else if (isArrayItem) return (prefix ? prefix : '') + '[' + field + ']'
else return (prefix ? prefix + '.' : '') + field
},
startsWith: function (val, valToSearch) {
return val.indexOf(valToSearch) == 0
},
convert: function (obj, prefix?: string) {
var newObj = {}
// primitives
if (dotize.isNotObject(obj) && dotize.isNotArray(obj)) {
if (prefix) {
newObj[prefix] = obj
return newObj
} else {
return obj
}
}
return (function recurse(o, p, isRoot) {
var isArrayItem = Array.isArray(o)
for (var f in o) {
var currentProp = o[f]
if (currentProp && typeof currentProp === 'object') {
if (Array.isArray(currentProp)) {
if (dotize.isEmptyArray(currentProp)) {
newObj[
dotize.getFieldName(f, p, isRoot, false, true)
] = currentProp
} else {
newObj = recurse(
currentProp,
dotize.getFieldName(f, p, isRoot, false, true),
isArrayItem
) // array
}
} else {
if (
isArrayItem &&
dotize.isEmptyObj(currentProp) == false
) {
newObj = recurse(
currentProp,
dotize.getFieldName(f, p, isRoot, true)
) // array item object
} else if (dotize.isEmptyObj(currentProp) == false) {
newObj = recurse(
currentProp,
dotize.getFieldName(f, p, isRoot)
) // object
} else if (dotize.isEmptyObj(currentProp)) {
newObj[
dotize.getFieldName(f, p, isRoot, isArrayItem)
] = currentProp
}
}
} else {
if (isArrayItem || dotize.isNumber(f)) {
newObj[dotize.getFieldName(f, p, isRoot, true)] =
currentProp // array item primitive
} else {
newObj[dotize.getFieldName(f, p, isRoot)] = currentProp // primitive
}
}
}
return newObj
})(obj, prefix, true)
},
backward: function (obj, prefix?: string) {
var newObj = {}
var arStartRegex = /\[(\d+)\]/g
// primitives
if (dotize.isNotObject(obj) && dotize.isNotArray(obj)) {
if (prefix) {
return obj[prefix]
} else {
return obj
}
}
for (var tProp in obj) {
var tPropVal = obj[tProp]
if (prefix) {
var prefixRegex = new RegExp('^' + prefix)
tProp = tProp.replace(prefixRegex, '')
}
tProp = tProp.replace(arStartRegex, '.$1')
if (dotize.startsWith(tProp, '.')) tProp = tProp.replace(/^\./, '')
var arrPath = tProp.split('.')
var arrPathTypes = dotize.getPathType(arrPath)
// has array on root
if (
!dotize.isUndefined(arrPathTypes) &&
arrPathTypes[0] == dotize.valTypes.array &&
Array.isArray(newObj) == false
) {
newObj = []
}
;(function recurse(rPropVal, rObj, rPropValPrev, rObjPrev) {
var currentPath = arrPath.shift()
var currentPathType = arrPathTypes.shift()
if (typeof currentPath == 'undefined' || currentPath == '') {
newObj = rPropVal
return
}
var isArray = currentPathType == dotize.valTypes.array
if (dotize.isNumber(currentPath))
currentPath = parseInt(currentPath)
// has multiple levels
if (arrPath.length > 0) {
// is not assigned before
if (typeof rObj[currentPath] == 'undefined') {
if (isArray) {
rObj[currentPath] = []
} else {
rObj[currentPath] = {}
}
}
recurse(rPropVal, rObj[currentPath], currentPath, rObj)
return
}
if (
currentPathType == dotize.valTypes.array &&
rPropValPrev &&
rObjPrev
) {
if (Array.isArray(rObjPrev[rPropValPrev]) == false)
rObjPrev[rPropValPrev] = []
rObjPrev[rPropValPrev].push(rPropVal)
} else {
rObj[currentPath] = rPropVal
}
})(tPropVal, newObj)
}
return newObj
},
}
if (typeof module != 'undefined') {
module.exports = dotize
}
export default dotize