如何将数组转换为JSON数据?

2023-05-16

如何将数组转换为JSON数据?下面本篇就来给大家介绍一下将数组转换为JSON对象的方法,希望对大家有所帮助。

 

方法一:使用Object.assign()

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

语法:

Object.assign(target, ...sources)

参数:

● target:它指定目标对象。

● sources:它指定源对象。

例:将JS数组转换为JSON对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>

	<body style = "text-align:center;" id = "body">   
        <p id = "demo" style = "font-size: 16px;"> 
          
        </p> 
        <button onclick = "Run()">转换</button> 
        <p id = "DOWN" style = "color:green;  
           font-size: 20px; font-weight: bold;"> 
        </p> 
        <script> 
            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));   
            }            
        </script>  
    </body>   
</html>

效果图:

1.gif

方法二:使用JSON.stringify()

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

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

语法:

JSON.stringify(Javascript Object)

参数:

● Javascript对象:它指定JavaScript对象。

示例:将JS数组转换为JSON 字符串

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>

	<body style = "text-align:center;" id = "body">   
        <p id = "demo" style = "font-size: 16px;"> 
          
        </p> 
        <button onclick = "Run()">转换</button> 
        <p id = "DOWN" style = "color:green;  
           font-size: 20px; font-weight: bold;"> 
        </p> 
        <script> 
            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)+"'";   
            }                      
        </script>  
    </body>   
</html>

效果图:

2.gif

推荐阅读:

php服务器

php5下载

layui框架

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将数组转换为JSON数据? 的相关文章

  • 《智能控制技术》学习笔记-1.绪论,智能控制定义、分类、发展及应用场景

    一 引言 先修内容 xff1a 经典控制理论 现代控制理论 MATLAB 引入 xff1a 智能理论是新兴学科 xff0c 随着数字计算机和人工智能发展而来 xff0c 发展得益于许多学科 xff1a 人工智能 认知科学 现代自适应控制 最
  • 【STM32】基础篇 ST-Link下载器接线方式和SWD,JTAG协议简介

    在开发STM32等基于arm内核的单片机时 xff0c 选择一款载调试器必不可少 市面上有各式各样的下载调试器可供我们选择 xff0c 常用的下载器包括J Link xff0c ST Link xff0c J Link0B xff0c CM
  • 【Linux学习】正点原子裸机篇 C语言LED实验实现

    上一篇使用汇编语言编写LED等驱动实验 xff0c 在实际工作中较少使用汇编编写嵌入式驱动 xff0c 毕竟汇编过于底层 xff0c 难度较大 绝大部分情况下都是使用C语言编写主体程序 xff0c 只是开始部分使用汇编来初始化C语言环境 x
  • Nginx

    1 基本介绍 Nginx是由俄罗斯的设计师开发的 Nginx不像Apache那样 xff0c 不论功能是否常用 xff0c 统统都给你 自带了 xff0c 虽然功能 很强大 xff0c 但是也很消耗性能 xff0c 而Nginx只是自带了常
  • linux运维经典面试题总结

    1 Linux常见的日志文件都有哪些 xff0c 各自的用途 xff1f 日志轮询配置文件在哪里 xff1f 欢迎界面配置文件在哪里 xff1f 答 xff1a var log messages 内核及公共消息日志 var log cron
  • openair-cn-cups

    Github openair cn cups openair cn cups descriptions openair cn cups是在openair cn的基础上将spgw控制面与用户面分离 xff0c 实现从LTE EPC向5G Co
  • 5GS NAS SM Elementary Procedures(EP) -- General

    参考 xff1a clause 6 2 3GPP TS24 501 1 Procedure Transaction Identifier PTI PTI procedure transaction identifier用来指示message
  • keil5(MDK)美化文本编辑区

    1 常规的改法 xff1a 在MDK菜单栏中选择 编辑 gt 配置 gt Color amp Fonts xff0c 如下界面 xff1a 可以在以上界面配置对应的选项更改代码编辑区数字 xff08 number xff09 关键字 xff
  • oai-5gcn-smf prototype testbed

    Deployment Scenario Repository Of SMF git clone https gitlab eurecom fr oai oai cn5g smf git SMF gt build amp run cd oai
  • OAI LTE系统搭建 -- OAI EPC

    OAI EPC搭建 1 系统环境 xff1a Ubuntu 16 04 2 基础软件安装 xff1a vim git ssh server sudo apt get install vim sudo apt get install git
  • OAI LTE系统搭建 -- OAI eNB

    OAI eNB 搭建 接着OAI EPC搭建教程 1 下载源代码 1 1 加载gitlab eurecom fr证书 echo n openssl s client showcerts connect gitlab eurecom fr 4
  • 端到端5G核心网测试方式

    1 系统搭建 2 网元功能运行 2 1 运行顺序 xff1a UDM Server SMF AMF UPF VPP UPF N4 Huawei CPE配置保存 gNB 2 2 UDM Server运行方式 密码123 1 可执行文件位置 s
  • 无线通信知识回顾(2) - 《5G移动通信系统设计与标准详解》

    Reference 5G移动通信系统设计与标准详解 王映民等 第10章 功率控制 10 1 概述 功率控制对基站或者终端发送信号功率进行调节 xff0c 达到有效地实现路径损耗补偿 克服阴影衰落 抑制干扰等目的 xff1b 如果单纯提高信号
  • python讲解from ctypes import *调用C语言动态链接库

    文章目录 前言一 from ctypes import 二 调用举例1 代码 前言 顾名思义 一 from ctypes import 在写python程序时 有时会用到C语言库函数 Python 的 ctypes 要使用 C 函数 xff
  • Docker随笔,从基础到入门

    实验环境 xff1a centos7 7 防火墙和selinux提前关闭 一 Docker基本概念 Docker系统有两个程序 xff1a docker服务端和docker客户端 docker服务端是一个服务进程 xff0c 管理着所有的容
  • cuda、torch、torchvision对应版本以及安装

    查找torch与torchvision对应版本 匹配情况如下 xff1a 1 在线下载 xff1a 在pytorch官网选择相应的历史版本 xff0c 使用conda或者pip安装 xff0c 使用官网的镜像下载很慢 xff0c 建议使用其
  • CUDA在VS下编程出现MSB3721错误

    CUDA在VS下编程出现MSB3721错误 一 错误示范二 解决方式 一 错误示范 我们在VS环境下进行CUDA编程的时候可能会出现如下MSB1721的错误 二 解决方式 首先确保好是在x64平台下运行 xff1a 确定无误然后如果还有问题
  • ROS:关于node启动问题

    相关代码 xff1a lt node pkg 61 34 turn on wheeltec robot 34 type 61 34 wheeltec robot node 34 name 61 34 wheeltec robot 34 ou
  • Altium Designer 的一些使用技巧(纯属爱好,不定期更新)

    目录 1 鼠标所到之处的 net 高亮显示 2 导出PCB所有图层的快捷键 3 同一个工程中不同的原理图导入到不同的PCB中 4 设置元件旋转步进角为45 5 添加LOGO的方法 6 删除已经放置的 LOGO 的方法 7 一些快捷键 1 鼠
  • C++中vector的size()类型

    span class token keyword int span span class token function main span span class token punctuation span span class token

随机推荐

  • 【论文笔记】FashionBERT: Text and Image Matching with Adaptive Loss for Cross-modal Retrieval

    文章来源 xff1a SIGIR 20 摘要 文章基于BERT提出了一个跨模态检索模型 xff0c 该模型并不是一个通用的检索模型 xff0c 主要用于电商领域时尚用品 xff08 Fashon xff09 检索 xff0c 作者是阿里巴巴
  • 多模态数据集预处理方法

    摘要 对文本是单个词语的一般采用词袋特征 图片可以采用多种灵活的处理方式 对文本是句子甚至是段落的则需要采用较为复杂的处理方式 xff0c 参考文献 1 2 中对Wiki和Pascal Sentence数据集的处理方式 Wiki 参考文献
  • Numpy删除指定行

    删除Numpy数组中指定的某些行 函数 xff1a np delete span class token comment 示例 span span class token keyword import span numpy span cla
  • Pytorch排查训练过程中出现nan值的位置

    span class token keyword import span torch span class token comment 正向传播 span torch span class token punctuation span au
  • JupyterLab配置远程访问

    新版本的jupyter lab似乎和之前版本的不大一样 目录 生成配置文件设置密码安装插件将 96 Test 96 环境写入jupyterlab设置远程访问其他 生成配置文件 jupyter lab generate config 设置密码
  • Anaconda多用户配置指北

    适用于实验室深度学习服务器配置 创建用户组 groupadd stu配置conda xff0c 参考这里新创建的用户加入stu组 xff0c 并指定家目录useradd d home media m g stu xpt xff0c 为不同用
  • Hexo/Github.io 配置腾讯云CDN

    前言 使用Github io搭建自己的博客时可能会遇到访问速度不理想的情况 xff0c 可以采用如下几种方案解决 xff1a 将Hexo部署到阿里云 xff08 点击查看 xff09 xff0c 直接访问阿里云 xff0c 但这种方式会暴露
  • slam定位学习笔记(七)-g2o学习

    主要学习的是这篇文章 xff0c 但大佬并没有在文章里面仔细的讲g2o xff0c 所以我在网上找了这几篇介绍g2o的文章 xff0c 讲的十分详细 xff0c 对入门十分友好 xff1a 文章一 文章二 文章三 xff0c 这三篇都是一个
  • XTDorne平台搭建无人机仿真环境时遇到的问题及解决

    XTDorne平台搭建无人机仿真环境时遇到的问题及解决 PX4安装过程中遇到的问题及解决 PX4安装过程中遇到的问题及解决 执行make px4 sitl default gazebo遇到的问题 问题1 xff1a No package 3
  • 使用Adobe软件镜像pdf页面

    直接上图 xff1a 之后确定保存路径就OK
  • docker安装指定版本(替换安装)

    1 docker安装 如果本地之前安装过docker版本 xff0c 需要先卸载 yum y remove docker docker client docker client latest docker common docker lat
  • 虚拟机下CentOS8 无法上网的问题解决办法

    1 首先切换成管理员身份 xff0c root是我之前设置的管理员账号 xff0c 可能会有不同 su root 之后输入密码即可 2 然后进入目录修改配置信息 cd etc sysconfig network scripts 使用ll命令
  • Python+pycharm安装dlib库

    目录 下载dilb库方法一 xff1a 使用pip安装dlib库方法二 xff1a 使用pycharm进行安装导入dlib库成功 下载dilb库 写在前面 xff1a 尽量要用对应Python版本的库 已经安装好Python3 6 1和py
  • C++ 指向 Void 的指针

    C 43 43 指向 Void 的指针 在 C 43 43 中 xff0c 不能将一种数据类型的变量地址赋值给另一种数据类型的指针 指针是int类型 int ptr 变量为双精度类型 double d 61 9 0 错误 无法将 doubl
  • ESP8266-01STA模式的使用

    ESP8266 01STA模式的使用 xff1a 需要的原料 xff1a 1 XCOM V2 0 exe软件提取地址 2 USB TTL的下载器或者WiFi模块专用的下载器 3 手机网络助手 xff08 直接到手机浏览器下载即可 xff09
  • 《大数据》2015年第3期“研究”——大数据流式计算:应用特征和技术挑战

    大数据流式计算 xff1a 应用特征和技术挑战 孙大为 xff08 中国地质大学信息工程学院 北京 100083 xff09 摘要 xff1a 在大数据时代 xff0c 数据的时效性日益突出 xff0c 数据的流式特征更加明显 xff0c
  • 作者:孙大为,男,博士后,中国地质大学(北京)信息工程学院讲师。

    孙大为 xff0c 男 xff0c 博士后 xff0c 中国地质大学 xff08 北京 xff09 信息工程学院讲师 xff0c 目前主要从事大数据计算 云计算 可信计算等方面的研究工作
  • 人工智能在医学影像中的研究与应用

    人工智能在医学影像中的研究与应用 韩冬 李其花 蔡巍 夏雨薇 宁佳 黄峰 沈阳东软医疗系统有限公司 xff0c 辽宁 沈阳 110167 慧影医疗科技 xff08 北京 xff09 有限公司 xff0c 北京 100192 东软集团股份有限
  • 联邦学习攻击与防御综述

    联邦学习攻击与防御综述 吴建汉1 2 司世景1 王健宗1 肖京1 1 平安科技 xff08 深圳 xff09 有限公司 xff0c 广东 深圳 518063 2 中国科学技术大学 xff0c 安徽 合肥 230026 摘要 xff1a 随着
  • 如何将数组转换为JSON数据?

    如何将数组转换为JSON数据 xff1f 下面本篇就来给大家介绍一下将数组转换为JSON对象的方法 xff0c 希望对大家有所帮助 方法一 xff1a 使用Object assign Object assign 方法将枚举的所有属性的值从源