前端面试题：企业面试真题—5

痛定思痛。 2022-11-29 03:30 217阅读 0赞

function fun(json){
        //your code
    }
    //完善该函数达到如下效果：
    fun( { x:1 , b:{ e:{ f:7 } }, c:8 })
    //运行结果打印
    {
        x : 1,
        b : {
            e : {
                f : 7
            }        
        },
        c : 8
    }

//没有采用递归, 而是直接for循环
    function fun(json){
        var objstr = JSON.stringify(json); //先转化成字符串
        
        var level = 0;
        var jsonstr = "";
        for(var i=0; i<objstr.length; i++){
            var cha = objstr[i];
    	switch(cha){
                //遇到左大括号, 缩进+1  
                case '{' : {
    	        level++;
    		jsonstr += cha+"\n "+"\t".repeat(level); //回车+ level个tab缩进
    		break;
                }
                //遇到逗号, 回车+ level个tab缩进
                case ',' : {
    	        jsonstr += cha+"\n "+"\t".repeat(level);
    	        break;
    	    }
                //遇到右大括号, 缩进-1
                case '}' : {
    	        level--;
    	        jsonstr += "\n " + "\t".repeat(level)+cha; 
    	        break;
    	    }
                //其他字符,直接跟在后面
    	    default : jsonstr+=cha;
            }
        }
        console.log(jsonstr);
    }

## 实际上JSON.stringify方法本身提供了缩进功能 ##

JSON.stringify({ x:1 , b:{ e:{ f:7 } }, c:8 }, null, 4);
    
    其中第3个参数, 表示用4个空格来缩进

发表评论取消回复

表情：

评论列表（有 0 条评论，217人围观）

还没有评论，来说两句吧...

相关阅读

相关 VUE面试题系列02，前端面试题

16、动态路由传参2种方式params与query 1）、params 传声明式： <router-link :to="{ name:

矫情吗；*/ 2022年12月31日 02:26/ 0 赞/ 299 阅读

相关企业前端面试题——企业面试真题22

> 找出数组中两个只出现一次的数字：一个整型数组里除了两个数字之外，其他的数字都出现了两次。请写程序找出这两个只出现一次的数字。要求时间复杂度是O(1).要求：给出算法描述，并

灰太狼/ 2022年12月03日 01:58/ 0 赞/ 239 阅读

相关企业前端面试题——企业面试真题23

给你一个数组 candies 和一个整数 extraCandies ，其中 candies\[i\] 代表第 i 个孩子拥有的糖果数目。对每一个孩子，检查是否存在一种方案，

╰半夏微凉°/ 2022年12月03日 01:57/ 0 赞/ 338 阅读

相关前端面试题：企业面试真题—5

function fun(json){ //your code } //完善该函数达到如下效果： fun( { x:1 , b:

痛定思痛。/ 2022年11月29日 03:30/ 0 赞/ 218 阅读

相关前端面试题总结（5）

一、问题 1、以下代码执行后，console 的输出是？ let x = 10; let foo = () => { console.log(

电玩女神/ 2022年10月10日 01:43/ 0 赞/ 644 阅读

相关 h5/web前端面试题

1.js中apply和call的作用和区别是什么？ ①主要作用其实就是改变了函数运行时的上下文，简单来讲就是改变所调用函数this的指向，第一个参数是什么对象，此时this

不念不忘少年蓝@/ 2022年07月12日 02:08/ 0 赞/ 237 阅读

相关 JOB:前端面试题5

1、什么是CSS Hack 由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不

╰半橙微兮°/ 2022年06月09日 12:25/ 0 赞/ 205 阅读

相关前端面试题5

[BAT及各大互联网公司2014前端笔试面试题--JavaScript篇][BAT_2014_--JavaScript] 很多面试题是我自己面试BAT亲身经历碰到的。整理

左手的ㄟ右手/ 2022年06月06日 13:59/ 0 赞/ 296 阅读

相关前端面试题集锦——程序题

程序题 1、看下列代码输出为何？解释原因。 var a; alert(typeof a); // undefined alert(b); //

喜欢ヅ旅行/ 2022年04月12日 09:12/ 0 赞/ 1376 阅读

相关前端面试题5

1. 入门前端的学习材料主要是哪些？ 2. [响应式布局的布局方式有哪几种？][Link 1] 3. 对git的熟练程度？ 4. [对docker容器的了解情况][do

古城微笑少年丶/ 2021年09月09日 00:46/ 0 赞/ 367 阅读