【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爱好者指正,小弟定当虚心受教!

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

君諾外匯:为什么巴菲特现在加倍下注油气股票?油价上涨是主因吗?

近年来,以巴菲特为代表的一些顶级投资者开始在能源领域加大投资力度,特别是油气股票。这一转变引发了广泛关注,特别是在油价上涨的背景下。本文将Juno markets外匯深入分析巴菲特投资策略的变化原因,探讨其在能源市场的布局及未来…

如何用Vue3和Plotly.js实现一个动态3D图的在线展示

本文由ScriptEcho平台提供技术支持 项目地址:传送门 基于 Plotly.js 的交互式图表动画 应用场景 本代码演示了如何使用 Plotly.js 创建交互式图表动画,其中一个区域填充的区域在给定时间间隔内更新其数据。这种动画可用于可视化时间序列数据或展示数…

冷门赛道,视频号励志语录赛道详解,新手轻松上手

大家好,我是闷声轻创,在当今数字化时代,社交媒体已成为人们获取信息、分享生活和实现个人价值的重要渠道。视频号,作为新兴的短视频平台,以其独特的优势和巨大的流量潜力,吸引了众多创作者的目光。今天我将…

华为畅享系列多款产品升级HramonyOS 4.2版本,一篇带你解读

最近华为畅享系列多款手机陆续迎来了HarmonyOS 4.2新版本,华为畅享70S、华为畅享70 Pro、华为畅享60X、华为畅享60 Pro和华为畅享50 Pro都在升级计划中。这次升级的4.2版本不仅功能强大,重点是好玩又实用,速来围观! 那本次升级版本…

基于JSP的水果销售管理网站

开头语:你好呀,我是计算机学长猫哥!如果有相关需求,文末可以找到我的联系方式。 开发语言:Java 数据库:MySQL 技术:JSP技术 工具:B/S架构 系统展示 首页 管理员功能模块 用户前…

使用原子子表创建可重用的子组件

原子子表是一个图形对象,可帮助您在Stateflow图表中创建独立的子部件。原子子表允许: 对具有多个状态或层次结构的图表进行微小更改后,模拟速度更快。 在多个图表和模型中重复使用相同的状态或子表。 易于团队开发,适用于在同一图…

聊一聊UDF/UDTF/UDAF是什么,开发要点及如何使用?

背景介绍 UDF来源于Hive,Hive可以允许用户编写自己定义的函数UDF,然后在查询中进行使用。星环Inceptor中的UDF开发规范与Hive相同,目前有3种UDF: A. UDF--以单个数据行为参数,输出单个数据行; UDF&#…

GMSB文章六:微生物SCFA关联分析

欢迎大家关注全网生信学习者系列: WX公zhong号:生信学习者Xiao hong书:生信学习者知hu:生信学习者CDSN:生信学习者2 介绍 微生物短链脂肪酸(SCFAs)是由肠道微生物发酵膳食纤维、抗性淀粉、低…

@城规人快来抄作业!转GIS开发月薪12000+

从性价比极低的时薪,到相对稳定的月薪过万,我做对了哪些事情? 今天分享的是城乡规划专业的L拿到GIS开发高薪offer的故事。 初识新中地 该同学是城乡规划专业本科,下面称他为L同学。 L同学是今年夏天在网络上了解了GIS开发和新…

Kafka入门到精通(四)-SpringBoot+Kafka

一丶IDEA创建一个空项目 二丶添加相关依赖 <dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springf…

MySQL改密

这里写目录标题 更改登录密码&#xff1a;有权限账号能登录mysql中&#xff1a;有权限账号不能登录mysql中&#xff1a;mysql5.6版本命令mysql5.7版本命令修改密码8.0版本改完后&#xff1a; mysql登录不上了本机安装了5.6后&#xff0c;又安装了mysql8.0 更改登录密码&#xf…

双麒麟系统!RK3588+银河麒麟/开放麒麟,全国产让您的产品更具竞争力

01 银河麒麟嵌入式系统介绍 银河麒麟嵌入式操作系统V10 SP1是为物联网及工业互联网场景设计的安全实时系统&#xff0c;基于Linux内核&#xff0c;采用“分域虚拟化 多域隔离”架构&#xff0c;结合了Linux的丰富生态和RTOS的硬实时能力。 该系统支持主流嵌入式芯片&#x…

“数字政协”平台如何提高政协工作效率?正宇软件助力建设!

随着信息技术的飞速发展&#xff0c;数字化已成为推动各行各业转型升级的重要力量。在政协工作中&#xff0c;数字政协平台的建设与运用&#xff0c;正成为提高政协工作效率、促进民主协商的重要手段。本文将从数字政协平台的功能特点、优势分析以及实践应用等方面&#xff0c;…

【Android】【Compose】Compose里面的Row和Column的简单使用

内容 Row和Column的简单使用方式和常用属性含义 Row 在 Jetpack Compose 中&#xff0c;Row 是一种用于在水平方向排列子元素的布局组件。它类似于传统 Android 中的 LinearLayout&#xff0c;但更加灵活和强大。 Row的代码 Composable inline fun Row(modifier: Modifier…

小九首度回应与小水分手传闻揭秘

#小九首度回应&#xff01;与小水分手传闻揭秘#近日&#xff0c;泰国娱乐圈掀起了一股热议的狂潮&#xff01;传闻中的“金童玉女”组合——“小水”平采娜与“小九”NINE疑似分手的消息&#xff0c;如同巨石投入平静的湖面&#xff0c;激起了千层浪花。而在这股狂潮中&#xf…

高效同步的PWM升压DC/DC转换器 SD6201/SD6201-AF

SD6201是高效同步的PWM升压DC/DC转换器优化为介质提供高效的解决方案电力系统。这些设备在输入电压介于0.9V和4.4V之间&#xff0c;带有1.4MHz固定频率切换。这些功能通过允许使用小型、薄型电感器以及陶瓷电容器。自动PWM/PFM轻负载下的模式切换可节省电力提高了效率。电压在2…

武汉星起航:挂牌上海股权托管交易中心,亚马逊影响力再掀波澜

在全球化日益加深的今天&#xff0c;跨境电商行业正迎来前所未有的发展机遇。而在这个风起云涌的时代&#xff0c;武汉星起航电子商务有限公司以其卓越的实力和前瞻性的战略眼光&#xff0c;成功在上海股权托管交易中心挂牌展示&#xff0c;正式登陆资本市场&#xff0c;这一重…

CSS的媒体查询:响应式布局的利器

关于CSS的媒体查询 CSS媒体查询是CSS层叠样式表(Cascading Style Sheets)中的一个核心功能&#xff0c;它使得开发者能够根据不同的设备特性和环境条件来应用不同的样式规则。这是实现响应式网页设计的关键技术&#xff0c;确保网站或应用能够在多种设备上&#xff0c;包括桌面…

提升用户转化率秘诀!Xinstall的H5拉起应用技术让您领先一步!

在移动互联网时代&#xff0c;App的推广和运营面临着诸多挑战。其中&#xff0c;H5页面如何高效、便捷地拉起应用&#xff0c;成为了一个亟待解决的问题。今天&#xff0c;我们就来谈谈如何利用Xinstall品牌&#xff0c;轻松解决这一痛点&#xff0c;提升用户体验&#xff0c;助…

CentOS 7.9 CDH6.3.2集群生产环境实战部署指南

一、环境准备 1、系统环境&#xff1a; # cat /etc/os-release 2、准备工作&#xff1a; 部署资源分配 节点centos 7.9&#xff08;生产&#xff09;节点规划Postgresql部署组件备注pgsql32c、128G、2TB国产数据库Postgresql&#xff08;翰高&#xff09;可根据实际情况调整…