知食记
搜索文档…
JS Safe Get
实现一个安全的读取 JS 属性
相关用例
1
const obj = {a: {aa: {aaa: 2}}, b: 4};
2
3
get(obj, 'a.aa.aaa'); // 2
4
get(obj, ['a', 'aa', 'aaa']); // 2
5
6
get(obj, 'b.bb.bbb'); // undefined
7
get(obj, ['b', 'bb', 'bbb']); // undefined
8
9
get(obj.a, 'aa.aaa'); // 2
10
get(obj.a, ['aa', 'aaa']); // 2
11
12
get(obj.b, 'bb.bbb'); // undefined
13
get(obj.b, ['bb', 'bbb']); // undefined
14
15
get(obj.b, 'bb.bbb', 42); // 42
16
get(obj.b, ['bb', 'bbb'], 42); // 42
17
18
get(null, 'a'); // undefined
19
get(undefined, ['a']); // undefined
20
21
get(null, 'a', 42); // 42
22
get(undefined, ['a'], 42); // 42
23
24
const obj = {a: {}};
25
const sym = Symbol();
26
obj.a[sym] = 4;
27
get(obj.a, sym); // 4
Copied!
思路
读取参数,将属性获取形成一个数组,逐一读取,若中途无法访问则返回 default, 无异常会返回最后的值
1
function get(obj, propsArg, defaultValue) {
2
if (!obj) {
3
return defaultValue;
4
}
5
var props, prop;
6
if (Array.isArray(propsArg)) {
7
props = propsArg.slice(0);
8
}
9
if (typeof propsArg == 'string') {
10
props = propsArg.split('.');
11
}
12
if (typeof propsArg == 'symbol') {
13
props = [propsArg];
14
}
15
if (!Array.isArray(props)) {
16
throw new Error('props arg must be an array, a string or a symbol');
17
}
18
while (props.length) {
19
prop = props.shift();
20
if (!obj) {
21
return defaultValue;
22
}
23
obj = obj[prop];
24
if (obj === undefined) {
25
return defaultValue;
26
}
27
}
28
return obj;
29
}
Copied!
复制链接