2. 程式人生 > 其它 >js遞迴解耦（arguments.callee的使用）

js遞迴解耦（arguments.callee的使用）

阿新 • • 發佈：2021-01-15

技術標籤：Javawebjavajsonspring後端

1. 什麼是 JSON

  • JSON(JavaScript Object Notation, JS 物件標記) 是一種輕量級的資料交換格式，目前使用特別廣泛。
  • 採用完全獨立於程式語言的文字格式來儲存和表示資料。
  • 簡潔和清晰的層次結構使得 JSON 成為理想的資料交換語言。
  • 易於人閱讀和編寫，同時也易於機器解析和生成，並有效地提升網路傳輸效率。

在 JavaScript 語言中，一切都是物件。因此，任何JavaScript 支援的型別都可以通過 JSON 來表示，例如字串、數字、物件、陣列等。看看他的要求和語法格式：

  • 物件表示為鍵值對，資料由逗號分隔
  • 花括號儲存物件
  • 方括號儲存陣列

JSON 鍵值對是用來儲存 JavaScript 物件的一種方式，和 JavaScript 物件的寫法也大同小異，鍵/值對組合中的鍵名寫在前面並用雙引號 “” 包裹，使用冒號 : 分隔，然後緊接著值：

{"name": "QinJiang"}
{"age": "3"}
{"sex": "男"}

很多人搞不清楚 JSON 和 JavaScript 物件的關係，甚至連誰是誰都不清楚。其實，可以這麼理解：

JSON 是 JavaScript 物件的字串表示法，它使用文字表示一個 JS 物件的資訊，本質是一個字串。

var obj = {a: 'Hello', b: 'World'}; //這是一個物件，注意鍵名也是可以使用引號包裹的
var json = '{"a": "Hello", "b": "World"}'; //這是一個 JSON 字串，本質是一個字串

2. JSON 和 JavaScript 物件互轉

要實現從JSON字串轉換為JavaScript 物件，使用 JSON.parse() 方法：

var obj = JSON.parse('{"a": "Hello", "b": "World"}'
 
);
//結果是 {a: 'Hello', b: 'World'}

要實現從JavaScript 物件轉換為JSON字串，使用 JSON.stringify() 方法：

var json = JSON.stringify({a: 'Hello', b: 'World'});
//結果是 '{"a": "Hello", "b": "World"}'

3. Jackson 的使用

3.1 配置依賴

<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.12.1</version>
</dependency>

3.2 配置 Spring MVC 需要的配置

【web.xml】

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!--1.註冊servlet-->
    <servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--通過初始化引數指定SpringMVC配置檔案的位置，進行關聯-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:applicationContext.xml</param-value>
        </init-param>
        <!-- 啟動順序，數字越小，啟動越早 -->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!--所有請求都會被springmvc攔截 -->
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <filter>
        <filter-name>encoding</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encoding</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

</web-app>

【applicationContext】

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
                            http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
                            http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
    <!-- 自動掃描包，讓指定包下的註解生效,由IOC容器統一管理 -->
    <context:component-scan base-package="com.ice.controller"/>
    <!-- 讓Spring MVC不處理靜態資源 -->
    <mvc:default-servlet-handler/>
    <!-- 支援mvc註解驅動 -->
    <mvc:annotation-driven/>

    <!-- 檢視解析器 -->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
          id="internalResourceViewResolver">
        <!-- 字首 -->
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <!-- 字尾 -->
        <property name="suffix" value=".jsp"/>
    </bean>
</beans>

【User】

package com.ice.pojo;

import java.util.StringJoiner;


public class User {
    private int id;
    private String name;
    private int age;

    public User() {
    }

    public User(int id, String name, int age) {
        this.id = id;
        this.name = name;
        this.age = age;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    @Override
    public String toString() {
        return new StringJoiner(", ", User.class.getSimpleName() + "[", "]")
                .add("id=" + id)
                .add("name='" + name + "'")
                .add("age=" + age)
                .toString();
    }
}

【UserController】

package com.ice.controller;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.ice.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class UserController {
    @RequestMapping("/json1")
    @ResponseBody
    public String json1() throws JsonProcessingException {
        //建立一個jackson的物件對映器，用來解析資料
        ObjectMapper mapper = new ObjectMapper();
        //建立一個物件
        User user = new User(1, "亞索1號", 3);
        //將我們的物件解析成為json格式
        String str = mapper.writeValueAsString(user);
        //由於@ResponseBody註解，這裡會將str轉成json格式返回；十分方便
        return str;
    }
}

3.3 啟動 Tomcat 測試

在這裡插入圖片描述

發現出現了亂碼問題，我們需要設定一下他的編碼格式為utf-8，以及它返回的型別；

通過 @RequestMaping 的 produces 屬性來實現，修改下程式碼

//produces:指定響應體返回型別和編碼
@RequestMapping(value = "/json1",produces = "application/json;charset=utf-8")

再次測試， http://localhost:8080/json1 ， 亂碼問題OK

在這裡插入圖片描述

3.4 統一配置解決亂碼問題

上一種方法比較麻煩，如果專案中有許多請求則每一個都要新增，可以通過 Spring 配置統一指定，這樣就不用每次都去處理了！

我們可以在 springmvc 的配置檔案上新增一段訊息 StringHttpMessageConverter 轉換配置！

<!-- 支援mvc註解驅動，解決JSON亂碼問題 -->
<mvc:annotation-driven>
    <mvc:message-converters register-defaults="true">
        <bean class="org.springframework.http.converter.StringHttpMessageConverter">
            <constructor-arg value="UTF-8"/>
        </bean>
        <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
            <property name="objectMapper">
                <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
                    <property name="failOnEmptyBeans" value="false"/>
                </bean>
            </property>
        </bean>
    </mvc:message-converters>
</mvc:annotation-driven>

【UserController】

package com.ice.controller;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.ice.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class UserController {
    @RequestMapping(value = "/json1")
    @ResponseBody
    public String json1() throws JsonProcessingException {
        //建立一個jackson的物件對映器，用來解析資料
        ObjectMapper mapper = new ObjectMapper();
        //建立一個物件
        User user = new User(1, "亞索1號", 3);
        //將我們的物件解析成為json格式
        String str = mapper.writeValueAsString(user);
        //由於@ResponseBody註解，這裡會將str轉成json格式返回；十分方便
        return str;
    }
}

在這裡插入圖片描述

3.5 RestController 註解返回 json

在類上直接使用 @RestController ，這樣子，裡面所有的方法都只會返回 json 字串了，不用再每一個都新增 @ResponseBody ！我們在前後端分離開發中，一般都使用 @RestController ，十分便捷！

package com.ice.controller;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.ice.pojo.User;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.ArrayList;
import java.util.List;

@RestController
public class UserController {
    @RequestMapping(value = "/json2")
    public String json1() throws JsonProcessingException {

        ObjectMapper mapper = new ObjectMapper();
        List<User> users = new ArrayList<>();

        User user1 = new User(1, "亞索1號", 3);
        User user2 = new User(2, "亞索2號", 4);
        User user3 = new User(3, "亞索3號", 5);
        User user4 = new User(4, "亞索4號", 6);
        User user5 = new User(5, "亞索5號", 7);
        users.add(user1);
        users.add(user2);
        users.add(user3);
        users.add(user4);
        users.add(user5);

        String str = mapper.writeValueAsString(users);

        return str;
    }
}

在這裡插入圖片描述

4. FastJson 的使用

fastjson.jar 是阿里開發的一款專門用於 Java 開發的包，可以方便的實現 json 物件與 JavaBean 物件的轉換，實現 JavaBean 物件與 json 字串的轉換，實現 json 物件與 json 字串的轉換。實現 json 的轉換方法很多，最後的實現結果都是一樣的。

<!-- https://mvnrepository.com/artifact/com.alibaba/fastjson -->
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.75</version>
</dependency>

fastjson 三個主要的類：

JSONObject ：代表 json 物件

  • JSONObject 實現了 Map 介面, 猜想 JSONObject 底層操作是由 Map 實現的。
  • JSONObject 對應 json 物件，通過各種形式的 get() 方法可以獲取 json 物件中的資料，也可利用諸如 size()，isEmpty() 等方法獲取"鍵：值"對的個數和判斷是否為空。其本質是通過實現 Map 介面並呼叫介面中的方法完成的。

JSONArray：代表 json 物件陣列

  • 內部是有 List 介面中的方法來完成操作的。

JSON：代表 JSONObject 和 JSONArray 的轉化

  • JSON類原始碼分析與使用
  • 仔細觀察這些方法，主要是實現json物件，json物件陣列，javabean物件，json字串之間的相互轉化。

這個相對簡單點，用時百度

相關推薦

js遞迴解耦（arguments.callee的使用）

技術標籤：踩過的坑js指標javascript js遞迴解耦（arguments.callee的使用） 起因： 遞迴時我們通常這麼寫：

漢諾塔問題Java版【遞迴求解】（力扣）

技術標籤：LeetCodejava遞迴演算法leetcode漢諾塔問題 漢諾塔問題 在經典漢諾塔問題中，有 3 根柱子及 N 個不同大小的穿孔圓盤，盤子可以滑入任意一根柱子。一開始，所有盤子自上而下按升序依次套在第一根柱子上

【演算法】二叉樹前中後序的遞迴+迭代（java程式碼）

二叉樹遍歷 【遞迴前中後序】 // 前序遍歷·遞迴·LC144_二叉樹的前序遍歷 class Solution {

《奇異遞迴模板模式（CRTP）應用--表示式模板(expression template) 2》

奇異遞迴模板模式（CRTP）應用--表示式模板(expression template) 2 DanielWang_2017-07-12 23:30:423869收藏3

[js]遞迴實現 陣列轉樹形

let arr = [ {pid: -1, id: 1, name: \'m1\'}, {pid: 1, id: 2, name: \'m2\'}, {pid: 2, id: 3, name: \'m3\'},

二叉樹的前、中、後序遞迴和非遞迴遍歷（力扣第144、145、94題）

　　二叉樹的遍歷分為三種，即先序、中序、後序，這裡的先中後都以根節點的訪問順序為基準，根據二叉樹的結構特點，進行這三種遍歷的方式可以採用遞迴的方式，也可以採用非遞迴的方式，採用遞迴的方式時三種遍歷的程

js 遞迴樹結構資料查詢所有父級

需求：通過傳入當前節點的code，查詢出所有的父級節點 export function getParent(data2, nodeId2) {

使用TreeView樹型選單欄（遞迴呼叫資料庫自動建立選單）

在做工控上位機專案時，當專案過於龐大，細分的流程就很多，需要管理的頁面也就會增加很多，這時可以使用.NET控制元件TreeView進行頁面的切換管理，並且實現TreeView間的互相切換。Intouch和Wonderware可以匯入並使

js遞迴遍歷樹結構

JS遞迴遍歷樹結構 先展示一波資料,當然通常的專案id都是為string型別的，我這裡也是比較懶，所以直接少寫了一些\'\'

js遞迴遍歷樹結構_前端效能優化之遞迴

技術標籤：js遞迴遍歷樹結構 這次分享，我們主要來看看前端效能優化方面的內容。

C語言實現二叉樹的各種遞迴非遞迴遍歷（前序、後序、中序、層級遍歷）

技術標籤：演算法題 二叉樹遍歷 #include <stdio.h> #include <stdlib.h> #define NULL 0

js 遞迴查詢陣列的最後一級的第一個子集

技術標籤：jsjs //查詢結構樹的最後一級 function getChild(t, arr) {//t是我們的Vue例項，arr是data陣列

c語言遞迴：什麼是遞迴&&遞迴怎麼用（例子：階乘函式）

技術標籤：C語言c語言程式語言 初學C語言時不知道什麼是遞迴，就知道哦，那樣老師教的就是遞迴，可是最後複習的時候，看見遞迴寫菲波那切數列時，還是不知道在寫的，只知道用循壞寫遞迴，當然當時學遞迴時候和迴

二叉樹的非遞迴遍歷（python）

技術標籤：Pythonpython二叉樹 class ListNode(object): def __init__(self, x): self.val = x self.next = None

後臺返回平行結構,前端js遞迴實現湊樹形結構

技術標籤：jsjs //假設這是後臺返回的資料 const list = [ {parent:null, id:1}, {parent:null, id:2},

js遞迴的優化

技術標籤：Javascriptjs遞迴優化阮一峰tco 尾遞迴 函式呼叫自身，稱為遞迴。如果尾呼叫自身，就稱為尾遞迴。 阮一峰在《ECMAScript 6》中舉了一個例子：

js遞迴實現方式

遞迴的概念： 遞迴函式就是在函式體內呼叫本函式（通俗的說：也就是自己呼叫自己）；

js遞迴迴圈——將已有的資料處理生成一個新的資料

場景： 以下為已有資料，過濾掉資料中selectedStatus為false的資料，並生成一組新資料（注意：不能在原資料中進行操作）

js遞迴的一些操作

//重新向新的數組裡面塞值 function renderListValue(arr, newarr) { for (let i = 0; i < arr.length; i++) {

學C記錄（理解遞迴問題之漢諾塔）

漢諾遊戲規則如下： 1、有三根相鄰的柱子，標號為A,B,C。 2、A柱子上從下到上按金字塔狀疊放著n個不同大小的圓盤。