实现 flatten 扁平化对象和数组

最新推荐文章于 2021-10-31 19:30:00 发布

gaunjia

最新推荐文章于 2021-10-31 19:30:00 发布

阅读量2.4k

点赞数

分类专栏： javascript 前端文章标签： javascript flatten

本文链接：https://blog.csdn.net/u013302113/article/details/103716927

版权

前端同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

javascript

18 篇文章 0 订阅

订阅专栏

/**
* 对象扁平化
* 说明：请实现 flatten(input) 函数，input 为一个 javascript 对象（Object 或者 Array），返回值为扁平化后的结果。

* var input = {
* a: 1,
* b: [ 1, 2, { c: true }, [ 3 ] ],
* d: { e: 2, f: 3 },
* g: null,
* }

* output如下
* {
* "a": 1,
* "b[0]": 1,
* "b[1]": 2,
* "b[2].c": true,
* "b[3][0]": 3,
* "d.e": 2,
* "d.f": 3,
* // "g": null, 值为null或者undefined，丢弃
* }
*/

<!DOCTYPE html>
<html>

<head>
    <title>Example Domain</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    <script>
        let result = {};
        const flatten = (params, key) => {
            if (params instanceof Array) {
                params.forEach((param, index) => {
                    if (param instanceof Object || param instanceof Array) {
                        flatten(param, `${key}[${index}]`);
                    } else {
                        result[`${key}[${index}]`] = flatten(param, `${key}[${index}]`);
                    }
                });
            } else if (params instanceof Object) {
                for (var itemKey in params) {
                    const itemValue = params[itemKey];
                    if (itemValue instanceof Array) {
                        flatten(itemValue, itemKey);
                    } else if (itemValue instanceof Object) {
                        flatten(itemValue, itemKey);
                    } else if (itemValue === null || itemValue === undefined) {} else {
                        if (key) {
                            result[`${key}.${itemKey}`] = flatten(itemValue, itemKey);
                        } else {
                            result[itemKey] = flatten(itemValue, itemKey);
                        }
                    }
                }
            } else {
                return params;
            }
        };

        var input = {
            a: 1,
            b: [
                1,
                2, {
                    c: true
                },
                [3]
            ],
            d: {
                e: 2,
                f: 3
            },
            g: null
        };
        flatten(input);
        console.log(result);
    </script>
</head>

<body>
    <div>
        <h1>Example Domain</h1>
        <p>
        <br>* 对象扁平化
        <br>* 说明：请实现 flatten(input) 函数，input 为一个 javascript 对象（Object 或者 Array），返回值为扁平化后的结果。
        <br>* 示例：
        <br>*   var input = {
        <br>*     a: 1,
        <br>*     b: [ 1, 2, { c: true }, [ 3 ] ],
        <br>*     d: { e: 2, f: 3 },
        <br>*     g: null, 
        <br>*   }
        <br>*   var output = flatten(input);
        <br>*   output如下
        <br>*   {
        <br>*     "a": 1,
        <br>*     "b[0]": 1,
        <br>*     "b[1]": 2,
        <br>*     "b[2].c": true,
        <br>*     "b[3][0]": 3,
        <br>*     "d.e": 2,
        <br>*     "d.f": 3,
        <br>*     // "g": null,  值为null或者undefined，丢弃
        <br>*  }
        <br>*/
        <br>function flatten() {
        <br> /* 代码实现 */
        <br>}
        </p>
      
    </div>
</body>

</html>

gaunjia

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
实现 flatten 扁平化对象和数组

/*** 对象扁平化* 说明：请实现 flatten(input) 函数，input 为一个 javascript 对象（Object 或者 Array），返回值为扁平化后的结果。* var input = {* a: 1,* b: [ 1, 2, { c: true }, [ 3 ] ],* d: { e: 2, f: 3 },* ...
复制链接

扫一扫

专栏目录