在线html转json数组,前端开发TIPS：两种方法实现数组转换为JSON数据

前端开发TIPS：两种方法实现数组转换为JSON数据，一起来学习下吧！！！！！

方法一：使用Object.assign()

Object.assign()方法将枚举的所有属性的值从源对象(一个或多个)复制到目标对象

语法：Object.assign(target, ...sources)

参数：

target：它指定目标对象。

sources：它指定源对象。

例：将JS数组转换为JSON对象html>

转换

font-size: 20px; font-weight: bold;">

var el_up = document.getElementById("demo");

var el_down = document.getElementById("DOWN");

var array = [34, 24, 31, 48];

el_up.innerHTML = "Array = [" +array+"]";;

function Run(){

el_down.innerHTML =

"JSON Object = "+JSON.stringify(Object.assign({}, array));

}

方法二：使用JSON.stringify()

使用JSON是与Web服务器交换数据。在将数据发送到Web服务器时，数据需要是字符串。

可以使用JSON.stringify()方法将数组转换为JSON字符串。

语法：JSON.stringify(Javascript Object)

参数：

Javascript对象：它指定JavaScript对象。

示例：将JS数组转换为JSON 字符串html>

转换

font-size: 20px; font-weight: bold;">

var el_up = document.getElementById("demo");

var el_down = document.getElementById("DOWN");

var array = [34, 24, 31, 48];

el_up.innerHTML = "Array = [" +array+"]";;

function Run(){

el_down.innerHTML = "JSON_String = '"+JSON.stringify(array)+"'";

}