首页 > 编程语言 >JavaScript学习笔记7: 对象 - 自定义对象&JSON

JavaScript学习笔记7: 对象 - 自定义对象&JSON

时间:2024-03-18 20:46:08浏览次数:30  
标签:name 自定义 对象 JavaScript json alert JSON

JS对象-自定义对象&JSON


自定义对象

类似java的类

Json的所有属性(key)需要用双引号包围, 本质是字符串

<script>
    var user = {
    name:"tom",
    age:10,
    gender:"male",
    //eat: function(){}
    //可以简写为 
    eat(){  //自定义对象中的方法
        alert("整点薯条");
    }
}

// 查看user的name属性
alert(user.name);
// 调用user的eat方法
user.eat();

</script>

JSON

<script>
    //定义json字符串
    var jsonStr = '{"name":"Tom", "age":18, "addr":["北京","上海","西安"]}';
    //jsonStr不是对象,而是一个json字符串
    //不能通过对象.属性的方式获取name
    alert(jsonStr.name); //undefined

    //json字符串转化为json对象
    var jsObj1  = JSON.parse(jsonStr);
    alert(jsObj1.name); //通过对象.属性的方法获取name "Tom"

    //json对象转化为json字符串
    var jsStr1 = JSON.stringify(jsObj1);
    alert(jsStr1);
</script>

标签:name,自定义,对象,JavaScript,json,alert,JSON
From: https://www.cnblogs.com/HIK4RU44/p/18081326

相关文章

  • Eclipse设定自定义格式化(解决java格式化注释中参数挤在一行的问题)
    1.问题在java默认的格式化中,对于注释这一块的格式化,当有多个参数Param,都是挤在一起的,导致十分不美观,我们这时就需要自定义java格式化2.解决2.1找到Java>CodeStyle>Formatter2.2由于Eclipse默认的格式化文件不可以修改,这里我们基于其选择新建一个自定义格式化文件2......
  • JSON在服务器端的使用
    Test1packageatsyc.test;23importatsyc.pojo.Dog;4importatsyc.pojo.Person;5importcom.fasterxml.jackson.core.JsonProcessingException;6importcom.fasterxml.jackson.databind.ObjectMapper;7importorg.junit.Test;89importjava.util.......
  • JavaScript学习笔记3: 数据类型,运算符,类型转换
    JS数据类型,运算符,类型转换利用typeof获取数据类型数字3的类型<script>console.log("3的类型:"+typeof3);</script>浮点数<script>console.log("3.14的类型:"+typeof3.14);</script>字符串<script>console.log("'......
  • JavaScript学习笔记4: 流程控制语句 ,函数
    流程控制语句与java基本一致的语法<script>vara=true;if(a){    //语句}else{    //语句}</script>函数函数定义方式1<script>functionadd(a,b){returna+b;}alert(add(1,2));//也可以用变量......
  • JavaScript学习笔记5: 对象 - 数组Array
    JS对象-数组Array数组的定义及特性数组定义<script>//数组定义方式1,赋值给变量vararr1=newArray(1,2,3);//数组定义方式2,初始化数组vararr2=[4,5,6];</script>JS数组长度可变<script>vararr2=[4,5,6];//数组初始长度为3......
  • JavaScript学习笔记1: JS引入方法
    JavaScriptJS的引入方法内部脚本在script标签间插入js语句,可以在任意位置放置任意数量的script,为了改善显示速度,一般把js脚本放在body的底部<!--内部脚本--><script>//警告框alert('HelloJS');</script>外部脚本外部定义的js脚本,在js脚本中......
  • JavaScript学习笔记2: js书写语法及变量
    JS书写语法以及变量变量声明变量<style>vara=20;a="张三";//js是一门弱类型语言,变量可以存放不同类型的值</style>几种不同的变量声明方式varvar定义的是全局变量在代码块中声明的变量,在代码块外也可以访问可以重复定义<style>{v......
  • JSX(JavaScript XML)语法
    1.在script标签中使用JSX语法需要:使用babel在script标签上添加:type="text/babel"2.JSX中的注释使用//、/**/使用{/**/}3.嵌入数据情况一:当变量是Number、String、Array类型时,可以直接显示情况二:当变量是null、undefined、Boolean类型时,内容为空;如果希望可以显示......
  • Vue+OpenLayers7入门到实战:OpenLayers7创建自定义鹰眼控件,自定义鹰眼控件样式,调整鹰眼
    返回《Vue+OpenLayers7》专栏目录:Vue+OpenLayers7入门到实战前言本章介绍如何使用OpenLayers7在地图上创建自定义鹰眼控件,自定义鹰眼控件样式,调整鹰眼控件位置、大小、文字和按钮等样式。二、依赖和使用"ol":"7.5.2"使用npm安装依赖[email protected]使用Y......
  • OpenLayers6实战,OpenLayers创建自定义鹰眼控件,自定义鹰眼控件样式,调整鹰眼控件位置、
    专栏目录:OpenLayers实战进阶专栏目录前言本章讲解OpenLayers6如何创建自定义鹰眼控件,自定义鹰眼控件样式,调整鹰眼控件位置、大小和文字和按钮等自定义样式的功能。二、依赖和使用"ol":"^6.15.1"使用npm安装依赖[email protected]使用Yarn安装依赖yarn......