a.b.c转换成对象 {a:{b:{c:{}}}}}或赋值

admin

最近遇到一个问题，总的来说就是通过字符串'a.b.c.d'来设置对应对象结构的值，举个例子

1. // 现在我们有这样一个结构的对象，也就是说，我们要通过 'a.0.b.0.c' 这个字符串来设置 objs.a[0].b[0].c 的值
   
2. const objs = {
   
3.   a: [
   
4.     {
   
5.       b: [
   
6.         {
   
7.           c: ''
   
8.         }
   
9.       ]
   
10.     }
    
11.   ],
    
12. };
    
13. const str = 'a.0.b.0.c';
    
14. 
    
15. /**
    
16. * @param objs 原始对象
    
17. * @param str 路径字符串
    
18. * @param value 要修改的值
    
19. */
    
20. function setValue(objs, str, value) {
    
21.   if (typeof str !== 'string') {
    
22.     throw new Error(`参数类型错误`)
    
23.   };
    
24.   str = str.split('.'); // 切割成数组 ['a', '0', 'b', '0', 'c']
    
25.   // 取到str数组的倒数第二个
    
26.   for(let i = 0; i < str.length - 1; i++) {
    
27.     if (objs[str[i]] !== undefined) {
    
28.       objs = objs[str[i]];
    
29.     } else {
    
30.       throw new Error('传入取值路径有误');
    
31.     }
    
32.   }
    
33.   // 那么此时 objs 拿到的就是 objs.a[0].b[0]的值，最后赋值，就修改成功了
    
34.   objs[str[str.length - 1]] = value;
    
35. }
    
36. 
    
37. setValue(objs, str, '李四');
    
38. console.log(objs); // 那么到这里，就已经将 objs.a[0].b[0].c 的值修改为 '李四' 了，功能完成

复制代码

下面我们来说下通过路径字符串去取对象的值，很简单，代码只需做小小的改动

1. // 现在我们有这样一个结构的对象，也就是说，我们要通过 'a.0.b.0.c' 这个字符串来设置 objs.a[0].b[0].c 的值
   
2. const objs = {
   
3.   a: [
   
4.     {
   
5.       b: [
   
6.         {
   
7.           c: '张三'
   
8.         }
   
9.       ]
   
10.     }
    
11.   ],
    
12. };
    
13. const str = 'a.0.b.0.c';
    
14. 
    
15. /**
    
16. * @param objs 原始对象
    
17. * @param str 路径字符串
    
18. */
    
19. function getValue(objs, str) {
    
20.   if (typeof str !== 'string') {
    
21.     throw new Error(`参数类型错误`)
    
22.   };
    
23.   str = str.split('.'); // 切割成数组 ['a', '0', 'b', '0', 'c']
    
24.   for(let i = 0; i < str.length; i++) {
    
25.     if (objs[str[i]] !== undefined) {
    
26.       objs = objs[str[i]];
    
27.     } else {
    
28.       throw new Error('传入取值路径有误');
    
29.     }
    
30.   }
    
31.   return objs;
    
32. }
    
33. 
    
34. console.log(getValue(objs, str));

复制代码