【JavaScript】JS对象和JSON

目录

一、创建JS对象

方式一:new Object()

方式二:{属性名:属性值,...,..., 方法名:function(){ } }

二、JSON格式

JSON格式语法:

JSON与Java对象互转:

三、JS常见对象

3.1数组对象API

3.2 其它对象API


一、创建JS对象

方式一:new Object()

方式二:{属性名:属性值,...,..., 方法名:function(){ } }

二、JSON格式

json就是一种特殊形式的字符串,此种字符串在前后端都能转化为对象,所以json字符串通常用于前后端数据的传输交互。

JSON格式语法:

var perStr='{"属性名":"属性值","属性名":"属性值","属性名":{},"属性名":["","",""],"属性名":[{},{},{}]}'

注意:

1、属性名必须用双引号""包裹

2、属性值字符串用""包裹、数值类型和布尔类型可以直接写

JSON与JS对象互转:

1、使用JSON.parse(JSON串)方法可以将JSON串转化为JS对象

2、使用JSON.stringify(JS对象)方法可以将JS对象转化为JSON串

JSON与Java对象互转:

三、JS常见对象

3.1数组对象API

  •  数组创建方式

1、创建空数组对象: new Array()

2、创建带初始长度数组对象:new Array(5)

3、创建数组并初始化:new Array("one","two",2) ,可简写: var 数组名=[元素,...]

说明:

1、js数组的长度是可以根据元素个数动态变化

2、js数组中元素类型可以不相同

3、可以跨下标给数组添加元素

  • 数组对象API使用

1、数组1.concat(数组2)---返回数组1和数组2合并后的新数组

2、数组.pop()-----返回数组末尾元素并删除

3、数组.push()----在数组末尾追加元素并返回追加后的数组长度

4、数组.indexOf(元素)---从前往后在数组中查找指定首个出现元素并返回其下标

5、数组.lastIndexOf(元素)---从前往后查找数组中最后出现的指定元素

6、数组.reverse()---将数组元素逆序反转

7、数组.join(拼接符)---使用指定字符串拼接数组所有元素并以字符串返回

8、数组.slice(start,end)---截取数组指定下标范围元素(左闭右开)

9、数组.splice(start,deleteCount,[添加的元素,...])---删除或删除添加原数组元素

3.2 其它对象API

  • Boolean对象API

    toString(): 将boolean对象的逻辑值转化为字符串的描述。

    valueOf(): 获取boolean对象中的逻辑值。

           

  • Date对象API

            getFullYear(): 获取年份

            getMonth(): 获取月份索引下标,需+1

            getDate(): 获取日

            getHours(): 获取小时

            getMinutes(): 获取分钟

            getSeconds(): 获取秒数

            setFullYear(2025,7,1): 设置2025年8月1日

            setHours(12):设置小时

            setMinutes(45): 设置分钟

            setSeconds(59): 设置秒数

  • Math类API

            几乎和Java中的Math类的方法使用类似,且都是通过Math.方法()的方式直接调用API

            Math.pow(2,8): 返回2的8次方

            Math.sqrt(4): 返回4平方根

            Math.random(): 返回[0,1)之间的随机数

            Math.round(-2.6): 四舍五入

            Math.ceil(5.49):返回数值的天花板数,结果是6

            Math.floor(5.49):返回数值的地板数,结果是5

  • Number类API

            Number的API主要是做数据分析处理

            Number.parseInt(数值字符串):将数值字符串转化为数值类型的整数

            Number.parseFloat(数值字符串): 将数值字符串转化为数值类型的浮点数

  • String对象API

            和Java中String类对象API使用方法类似

@声明:“山月润无声”博主知识水平有限,以上文章如有不妥之处,欢迎广大IT爱好者指正,小弟定当虚心受教!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/861114.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

初创企业合规管理中的企业合规义务边界问题

在初创企业的迅猛发展过程中,合规管理是确保公司可持续成长和避免潜在风险的关键因素。而在合规管理中,界定企业边界尤为重要,它关系到企业如何合理规划业务范围、管理内部外部关系以及维护企业形象和法律责任的清晰。 一、初创企业面临的合…

早餐店小程序开发

在快节奏的城市生活中,早餐对于许多人来说是一天中最重要的一餐。然而,传统的早餐店在经营过程中常常面临客流量不稳定、服务效率低下等问题。为了解决这些问题,越来越多的早餐店老板开始寻求利用科技手段提升经营效率。早餐店小程序作为一种…

英伟达连跌3日,传字节与博通合作研发AI芯片,讯飞星火V4.0周四发布

ChatGPT狂飙160天,世界已经不是之前的样子。 更多资源欢迎关注 每日行业新闻 1、英伟达单日下跌6.7%,拖累标普500指数和纳指走低 昨夜,英伟达暴跌6.7%,创两个月以来最大单日跌幅,为连续三个交易日下跌,市…

web渗透-SSRF漏洞及discuz论坛网站测试

一、简介 ssrf(server-side request forgery:服务器端请求伪造)是一种由攻击者构造形成由服务端发起请求的一个安全漏洞。一般情况下,ssrf是要目标网站的内部系统。(因为他是从内部系统访问的,所有可以通过它攻击外网无法访问的内部系统&…

AttributeError: module ‘numpy‘ has no attribute ‘long‘

我使用的numpy版本是1.26.4。numpy.long在numpy 1.20就不维护了,numpy 1.24就移除掉了,因此解决方案之一就是重新安装numpy 或者,ctrl鼠标左键定位到报错的地方,将numpy.long改为numpy.longlong。 https://numpy.org/devdocs/rele…

【JavaScript】DOM编程

目录 一、什么是DOM编程 二、获取DOM树上的元素结点 1.直接获取 2.间接获取 三、操作获取到的DOM元素结点 1.操作元素的属性 2.操作元素的行内样式 3.操作元素中间的文本 四、增删DOM元素结点 一、什么是DOM编程 开发人员写好的网页文件在生产环境中是需要部署在Web服务器上的。…

华为OD机试 - 掌握单词个数(Java 2024 D卷 100分)

华为OD机试 2024D卷题库疯狂收录中,刷题点这里 专栏导读 本专栏收录于《华为OD机试(JAVA)真题(D卷C卷A卷B卷)》。 刷的越多,抽中的概率越大,每一题都有详细的答题思路、详细的代码注释、样例测…

旧衣回收小程序开发:回收市场的新机遇

当下,旧衣服回收已经成为了一种流行趋势,居民都将闲置的衣物进行回收,旧衣回收市场规模在不断增加。随着市场规模的扩大,为了让居民更加便利地进行回收,线上回收小程序也应运而生,为大众打造了一个线上回收…

tldraw白板组件

tldraw 是一个开源的白板组件&#xff0c;10行代码就可以将其接入到 React 项目中&#xff1a; import { Tldraw } from tldraw import tldraw/tldraw.cssexport default function App() {return (<div style{{ position: fixed, inset: 0 }}><Tldraw /></div&…

u盘插到另一台电脑上数据丢失怎么办?提供实用的解决方案

在现代数字化生活中&#xff0c;U盘作为一种便携式存储设备&#xff0c;承载着我们重要的数据和信息。然而&#xff0c;有时当我们将U盘插入另一台电脑时&#xff0c;可能会遇到数据丢失的棘手问题。这可能是由于多种原因造成的&#xff0c;那么&#xff0c;U盘插到另一台电脑上…

虚拟化技术(一)

目录 一、虚拟化技术简介二、服务器虚拟化&#xff08;一&#xff09;服务器虚拟化的层次&#xff08;二&#xff09;服务器虚拟化的底层实现&#xff08;三&#xff09;虚拟机迁移&#xff08;四&#xff09;隔离技术&#xff08;五&#xff09;案例分析 一、虚拟化技术简介 虚…

ubuntu中共享文件夹看不到了,解决方法

1、检查共享文件夹配置 2、创建 3、查看共享文件夹 4、另一问题&#xff0c;每次重启虚拟机后&#xff0c;共享文件夹又没了&#xff1f;

Git->git pull 和 git pull --rebase的详解

Git拉取代码的坑 格式&#xff1a;git xx指令 origin/远程仓库分支名称假如本地仓库和远程仓库都是空的 本地仓库向远程仓库提交一个文件 git commit -a -m "local first commit"&#xff1a;-a暂存修改文件到暂存区&#xff0c;准备本地提交。-m表示提交信息git pu…

常微分方程算法之编程示例五(阿当姆斯法)

目录 一、研究问题 二、C代码 三、计算结果 一、研究问题 本节我们采用阿当姆斯法&#xff08;Adams法&#xff09;求解算例。 阿当姆斯法的原理及推导请参考&#xff1a; 常微分方程算法之阿当姆斯法&#xff08;Adams法&#xff09;_四步四阶adams显格式;三步四阶adams隐…

10.二次开发——黑马程序员Java最新AI+若依框架项目

目录 前言零、使用若依修改器修改项目名称一、创建sky-merchant模块1.创建模块2. 在新模块中导入依赖3. 父工程锁定版本4. sky-admin 导入依赖 二、菜品管理页面生成1.根据页面原型&#xff0c;确定表信息2.设计表3使用代码生成器生成页面4&#xff0c;下载tb_dish代码并分别导…

Matlab|【免费】含氢气氨气综合能源系统优化调度

目录 主要内容 部分代码 结果一览 下载链接 主要内容 该程序参考《_基于氨储能技术的电转氨耦合风–光–火综合能源系统双层优化调度》模型&#xff0c;对制氨工厂、风力发电、电制氢、燃气轮机、火电机组等主体进行建模分析&#xff0c;以火电机组启停成本、煤耗…

VS Code修改菜单栏字体大小

修改方法 打开VS Code&#xff0c;快捷键 CtrlShiftP&#xff0c;在弹出的输入框中输入 setting&#xff0c;找到带有JSON的一项&#xff0c;如图所示&#xff1a; 原文链接 window.zoomLevel 前后变化 终端字体大小 File -> Preferences -> Settings -> Features…

海外短剧系统:一扇窥探多元文化的奇妙之窗

随着全球化的推进&#xff0c;文化交流的壁垒逐渐消融&#xff0c;我们得以更加便捷地领略到世界各地的独特风情。在这一背景下&#xff0c;海外短剧系统应运而生&#xff0c;它如同一扇扇虚拟的窗户&#xff0c;将我们带入不同国家、不同民族、不同文化的世界&#xff0c;让我…

Spark算法之ALS模型(附Scala代码)

Spark算法之ALS模型&#xff08;附Scala代码&#xff09; 在大数据时代&#xff0c;个性化推荐系统已成为连接用户与信息的桥梁&#xff0c;而算法则是构建这一桥梁的基石。Apache Spark&#xff0c;作为一款强大的分布式计算系统&#xff0c;提供了丰富的机器学习库&#xff…

比特币生态系统的现状与流动性提升的新路径

自2009年中本聪发布比特币白皮书以来&#xff0c;比特币一直被誉为“数字黄金”&#xff0c;在加密货币领域占据着不可动摇的地位。其去中心化、稀缺性和安全性&#xff0c;增强了其作为长期价值储存工具的吸引力。 相比之下&#xff0c;以太坊自2015年问世以来&#xff0c;凭…