【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,一经查实,立即删除!

相关文章

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

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

早餐店小程序开发

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

c#文件读写

1.1读取文件 方法说明​File.ReadAllText(FilePath);​读取指定路径的文件​File.ReadAllText(FilePath, Encoding);​通过指定编码格式来读取指定文件​File.ReadAllBytes();​读取二进制文件,并把内容读取到一个字节数组​File.ReadAllLines();​以行的形式读取文…

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

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

雅思口语 Part 2 人物类(自用)

Part2 Describe a person you know who likes to talk a lot. You should say: Who this person is How you knew this person What he/she usually talks about And explain how you feel about him/her 描述一个你认识很喜欢高谈阔论的人 开头句(回答…

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…

递归函数(Python)

文章目录 前言一、递归函数 前言 在函数内部,可以调用其他函数。如果一个函数在内部自己调用自己,这个函数就是递归函数。 一、递归函数 在数学上,关于递归函数的定义如下:对于某一函数f(x),其定义域是集合A&#xf…

【深度学习】C++ Tensorrt Yolov8 目标检测推理

C Tensorrt Yolov8 目标检测推理 yolov8.hyolov8.cppcommon.hppCMakeListmain.cpp C tensorrt对yolov8目标检测模型进行推理。 Windows版本下只需要修改common.hpp对文件的判断S_ISREG 和对文件夹的判断S_ISDIR即可,非核心代码,不调用删掉都可以。亲测可…

解决:无法解析 __imp__Py_RefTotal __imp__Py_NegativeRefcount

解决:无法解析 __imp__Py_RefTotal __imp__Py_NegativeRefcount 通过使用visual stduio软件对C程序嵌入Python解释器进行二次开发,如果是使用debug模式下对源文件进行编译,会出现一下错误. LNK2019 无法解析的外部符号 __imp__Py_RefTotal&am…

【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卷)》。 刷的越多,抽中的概率越大,每一题都有详细的答题思路、详细的代码注释、样例测…

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

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

彻底删除git中的某个文件(包括历史提交记录)

# 加入要删除example.txt git filter-branch --force --index-filter git rm --cached --ignore-unmatch example.txt --prune-empty --tag-name-filter cat -- --all官网https://git-scm.com/docs/git-filter-branch已经不建议用git filter-branch,而建议用 git fi…

P8676 [蓝桥杯 2018 国 A] 自描述序列 题解

参考文章 题意 题目表述的很清楚 思路 #1 暴力枚举 根据题目给出的规律,很容易用 O ( n ) O(n) O(n) 的时间求出 1 0 6 10^6 106 的数据,这样就可以得到 30 30 30 分。 显然,这种方法是不对的,我们在上面进行优化。 #2 …

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盘插到另一台电脑上…

多账号注册的原理是什么

多账号注册的原理主要基于自动化脚本或软件&#xff0c;通过模拟人工操作来实现大量账号的自动注册。这一过程涉及多个关键步骤和原理&#xff0c;下面将详细解释&#xff1a; 一、网络请求分析 多账号注册的第一步是分析目标网站或应用程序的注册接口。这通常通过使用抓包工…

大数据面试题之HDFS

目录 HDFS文件写入和读取流程 HDFS组成架构 介绍下HDFS&#xff0c;说下HDFS优缺点&#xff0c;以及使用场景 HDFS作用 HDFS的容错机制 HDFS的存储机制 HDFS的副本机制 HDFS的常见数据格式&#xff0c;列式存储格式和行存储格式异同点&#xff0c;列式存储优点有哪些? …

虚拟化技术(一)

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