JavaScript:JSON、三种包装类

这篇具有很好参考价值的文章主要介绍了JavaScript:JSON、三种包装类。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

JOSN:

我们希望可以将一个对象在不同的语言中进行传递,

以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式

JSON(JavaScript Object Notation)

- JS的对象表示法

- JSON实际上就是一个字符串,它的语法格式和JS对象的语法基本上是一致

通过JSON表示的对象可以在任意的语言中使用

- JSON的语法和JS对象的语法基本一样,不同点在于,

JSON中属性名必须加引号,而且必须是双引号

JSON中的字符串也必须使用双引号

最后一个属性后边不能再有逗号

- JSON的类型:

JSON对象 {}

JSON数组 []

- JSON所支持的属性的类型:

数字

字符串(使用双引号)

布尔值

空值(null)

对象

数组

IE7 及浏览器7以下不支持

var obj = {name:"孙悟空", age:18, gender:"男"};

var json = '{"name":"孙悟空", "age":18, "gender":"男", "haha":null, "abc":{}, "bcd":[]}';

var jsonArr = '[1, 2, 3]';

// console.log(typeof json);

// console.log(typeof jsonArr);

/*

JSON 工具类,用来操作JSON数据的

JSON.parse() 用来将一个JSON转换为JS对象(数组)

JSON.stringify() 用来将一个JS对象转换为一个JSON字符串

*/

// 将一个JSON字符串转换为JS对象

// var o = JSON.parse(json);

// var arr = JSON.parse(jsonArr);

// json = '{"name":"孙悟空", "age":18, "gender":"男"}';

// JSON.parse(json);

var arr = [

{name:"孙悟空", age:18, gender:"男"},

{name:'猪八戒', age:28, gender:'男'},

{name:'沙和尚', age:38, gender:'男'}

];

var arrStr = JSON.stringify(arr);

// console.log(arrStr);

var arr2 = [{name:'孙悟空'},{name:'猪八戒'}];

// var arr3 = arr2.slice(); 浅复制

// arr3[0].name = '哈哈';

// console.log(arr2[0].name);

// 可以通过JSON来完成对象的深复制

var arr3 = JSON.parse(JSON.stringify(arr2));

arr3[0].name = '哈哈';

console.log(arr2[0].name);

三种包装类:

在JS中,给我们提供了三个包装类:

Number()

String()

Boolean()

- 这三个包装类可以用于创建出一个基本数据类型的对象

- 可以通过 new Number()、 new String()、 new Boolean()

来创建一个基本数据的对象,但是千万不要这么用

- 当我们去调用一个基本数据类型的属性或方法时,由于值中并不具备属性和方法,

所有JS的引擎会临时通过包装类来将其转换为对象,然后通过该对象调用属性或方法。

- 这样就意味着,可以直接通过值来调用其包装类的方法

var a = 10; // 基本数据类型的值

var b = {}; // 是一个对象

// b.name = '孙悟空';

// b.sayHello = function () {

// console.log('哈哈哈哈~~');

// };

// var result = a.toString();

// console.log(result);

a.name = 'haha';

a.age = 18;

console.log(a.name, a.age);

/*

在JS中,给我们提供了三个包装类:

Number()

String()

Boolean()

- 这三个包装类可以用于创建出一个基本数据类型的对象

- 可以通过 new Number()、 new String()、 new Boolean()

来创建一个基本数据的对象,但是千万不要这么用

- 当我们去调用一个基本数据类型的属性或方法时,由于值中并不具备属性和方法,

所有JS的引擎会临时通过包装类来将其转换为对象,然后通过该对象调用属性或方法。

- 这样就意味着,可以直接通过值来调用其包装类的方法

*/

var c = 10; //基本数据类型的10(原始值)

// 对象类型的数字具有原始值数字的所有功能,并且它可以直接存储属性和方法

// 但是在开发中,我们绝对绝对不要这么使用

var d = new Number(10); // 对象类型的10

// console.log(d+''); //10

// d.name = '哈哈';

// d.age = 18;

// console.log(d.name, d.age);

// console.log(d + 33);

var f = new Number(33);

var g = new Number(33);

// 比较对象形式基本类型数据时,比较的是对象的内存地址

// console.log(f == g);

// console.log(typeof f);

var str = 'hello';

var reuslt = str.endsWith('o');

欢迎关注我的原创文章:小伙伴们!我是一名热衷于前端开发的作者,致力于分享我的知识和经验,帮助其他学习前端的小伙伴们。在我的文章中,你将会找到大量关于前端开发的精彩内容。

学习前端技术是现代互联网时代中非常重要的一项技能。无论你是想成为一名专业的前端工程师,还是仅仅对前端开发感兴趣,我的文章将能为你提供宝贵的指导和知识。

在我的文章中,你将会学到如何使用HTML、CSS和JavaScript创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。

此外,我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展,新的框架和工具层出不穷。通过我的文章,你将会了解到最新的前端技术趋势,并了解如何应对这些变化。

我深知学习前端不易,因此我将尽力以简洁明了的方式解释复杂的概念,并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发,并提升你的技能。

如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!文章来源地址https://www.toymoban.com/news/detail-836302.html

到了这里,关于JavaScript:JSON、三种包装类的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • javaScript——json字符串详解

    本篇文章将讲解,什么是 json字符串 , json字符串 与字符串数组的相互转换, json字符串 与字符串数组的区别 JSON 字符串(JSON String)是一种特定格式的文本字符串,用于表示数据。JSON 是 JavaScript Object Notation 的缩写,它是一种轻量级的数据交换格式,通常用于将数据从一个

    2024年02月08日
    浏览(41)
  • JavaScript对象与JSON格式的转换

    在Web开发中,JavaScript和JSON是两个经常用到的概念。JavaScript是一种脚本语言,可以用来操作网页的内容和行为,而JSON是一种轻量级的数据交换格式,通常用于在客户端和服务器之间传递数据。在Web应用程序中,经常需要将JavaScript对象转换为JSON格式,或将JSON格式转换为JavaS

    2024年02月10日
    浏览(38)
  • 第十一篇JavaScript JSON与AJAX

    在JavaScript中,JSON(JavaScript Object Notation)是一种常用的数据格式,用于存储和交换数据。它基于JavaScript的对象字面量语法,但具有更宽松的语法规则。 json 是一种轻量级的数据交换格式 。 JSON使用键值对的方式表示数据,其中键是一个字符串,值可以是字符串、数字、布尔

    2024年04月16日
    浏览(32)
  • JavaScript中Map与JSON之间转换

    使用 Object.fromEntries() 方法将Map转为对象; JSON.stringify() 是将对象转为json字符串; 如果是JSON字符串必须使用JSON.parse()转为对象; 使用 Object.entries() 接受对象返回二维数组; 调用Map()构造函数

    2024年02月15日
    浏览(39)
  • JavaScript中,如何往JSON对象内添加元素?

    要向 JSON 对象添加元素,可以使用 JavaScript 的对象语法。以下是添加元素的示例代码: 在上面的示例中,我们可以看到如何使用 JavaScript 对象语法向 JSON 对象添加属性和值。一旦添加了新属性,可以像访问常规 JavaScript 对象一样使用该属性。

    2024年02月15日
    浏览(40)
  • 转换json格式的日期为Javascript对象的函数

    项目中碰到了用jQuery从后台获取的json格式的日期的字符串,需要将此字符串转换成JavaScript的日期对象。 代码如下: 开发中有时候需要从服务器端返回json格式的数据,在后台代码中如果有DateTime类型的数据使用系统自带的工具类序列化后将得到一个很长的数字表示日期数据,

    2023年04月25日
    浏览(39)
  • javascript中json 对象 数组之间相互转化的示例

    在JavaScript中,你可以使用 JSON.stringify() 将JSON对象转换为JSON字符串,使用 JSON.parse() 将JSON字符串转换为JSON对象。而要将JSON对象转换为数组,可以使用 Object.values() 方法,而要将数组转换为JSON对象,可以使用 Array.reduce() 方法。下面是这些转换的示例代码: 将JSON对象转换为J

    2024年02月16日
    浏览(39)
  • JavaScript 中JSON 字符串和对象之间的转换。

    用于将 JavaScript 对象转换为 JSON 字符串。 它接受一个 JavaScript 对象作为参数,并返回对应的 JSON 字符串表示。例如: 用于将 JSON 字符串转换为 JavaScript 对象。 它接受一个 JSON 字符串作为参数,并返回对应的 JavaScript 对象。例如:  

    2024年01月23日
    浏览(49)
  • 【项目部署】JavaScript解析JSON解析报错Unexpected token xxx is not valid JSON

    这个报错发生在之前部署的一个前后端分离的项目中。后端使用的Spring Boot,前端使用的JavaScript,前后端交互使用Thymeleaf框架。 项目组的另一个小伙伴说,突然有个页面打不开了,整个页面全空白。我F12打开浏览器发现有如下报错: 首先我打开了JavaScript的代码部分,发现报

    2024年02月07日
    浏览(52)
  • JavaScript 实现字符串转JSON对象的四种方法

    在很多时候我们都需要将数据转换为JSON的格式去进行请求,这里就给大家介绍几种转JSON的方法 语法: eval()定义:eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。 由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

    2024年02月15日
    浏览(70)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包