Javascript笔记一 js以及json基础使用说明

Javascript笔记一 js以及json基础使用说明

一、Javascript基础

1.1 基本语法

Javascript是一种动态解释性语言,用于为Web应用程序提供交互性和动态性。

以下是Javascript的基本语法:

// 在Javascript中, // 之后的所有内容都是注释

/* 多行注释
可以使用这种形式
*/

// 定义变量
var x = 5;

// 定义函数
function myFunction(a, b) {
  return a * b;
}

// 调用函数
myFunction(3, 4);

1.2 数据类型

Javascript有以下基本数据类型:

  • 字符串:用于表示文本
  • 数字:用于表示数字
  • 布尔:用于表示真或假
  • 数组:用于存储多个值
  • 对象:用于存储键/值对
  • 空值:用于表示null或undefined

以下是一些使用Javascript的数据类型的示例:

// 字符串
var name = "John Doe";

// 数字
var age = 42;

// 布尔值
var isMarried = true;

// 数组
var cars = ["Volvo", "BMW", "Mercedes"];

// 对象
var person = {name: "John", age: 42, city: "New York"};

// 空值
var x = null;
var y;

1.3 条件语句

在Javascript中,可以使用条件语句来基于不同的条件执行不同的代码。

以下是Javascript中常见的条件语句:

  • if语句:如果满足条件,则执行代码块
  • else语句:如果条件不满足,则执行代码块
  • else if语句:如果之前的条件不满足,则判断此条件是否满足
  • switch语句:根据不同的条件执行不同的代码块

以下是一个使用if语句的示例:

var hour = new Date().getHours(); // 获取当前小时数

if (hour < 18) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

二、JSON基础

2.1 JSON定义及语法

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。

JSON由键/值对组成,键和值之间用冒号(:)分隔,每个键/值对之间用逗号(,)分隔,整个JSON由一对花括号({})包裹。

以下是一个示例JSON:

{
  "name": "John Doe",
  "age": 42,
  "isMarried": true,
  "hobbies": ["reading", "traveling"],
  "address": {
    "street": "123 Main St",
    "city": "New York"
  }
}

2.2 使用JSON解析器

在Javascript中,可以使用JSON.parse()方法将JSON字符串转换为Javascript对象。

以下是一个示例:

var jsonStr = '{"name":"John Doe","age":42,"isMarried":true}'; // JSON字符串

var obj = JSON.parse(jsonStr); // 将JSON字符串转换为Javascript对象

console.log(obj.name); // 输出 John Doe
console.log(obj.age); // 输出 42
console.log(obj.isMarried); // 输出 true

2.3 使用JSON.stringify()

在Javascript中,可以使用JSON.stringify()方法将Javascript对象转换为JSON字符串。

以下是一个示例:

var obj = {
  name: "John Doe",
  age: 42,
  isMarried: true
};

var jsonStr = JSON.stringify(obj); // 将Javascript对象转换为JSON字符串

console.log(jsonStr); // 输出 {"name":"John Doe","age":42,"isMarried":true}

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Javascript笔记一 js以及json基础使用说明 - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • 跨域设置Cookie失效问题解决方案原理分析

    当我们通过AJAX等方式在前端向服务端发送请求时,如果请求的地址与前端页面所在的域名不同,就会触发跨域问题。跨域问题是由浏览器的同源策略引起的。 在这种情况下,如果服务端返回了带有Set-Cookie头部的响应,则浏览器默认不会设置该Cookie,导致Cookie失效问题。 解决这个问题的方法是使用CORS(跨域资源共享)技术,在服务端的响应头中添加”Acc…

    JavaScript 2023年6月11日
    00
  • JavaScript运行过程中的“预编译阶段”和“执行阶段”

    JavaScript代码的运行分为两个阶段:预编译阶段和执行阶段。在预编译阶段,JavaScript引擎会进行一些预处理操作,包括变量声明、函数声明、变量提升等。执行阶段则是按照预处理结果进行实际代码的执行。 预编译阶段 变量声明 在预编译阶段,JavaScript引擎会将代码中所有的变量声明存储到作用域中。例如: console.log(a); // un…

    JavaScript 2023年5月27日
    00
  • 防止网站内容被小偷采集的js代码 原创

    下面是防止网站内容被小偷采集的js代码的完整攻略,包含以下步骤: 步骤一:禁止右键菜单和文字选择 在网页中加入以下代码可以禁止鼠标右键菜单和文字选择: <body oncontextmenu="return false" onselectstart="return false"> 这样做可以有效防止普通用户…

    JavaScript 2023年6月11日
    00
  • jquery+ajax每秒向后台发送请求数据然后返回页面的代码

    首先,我们需要明确这个需求的实现流程:前端通过jQuery发起Ajax请求,后端接收请求并处理,返回数据给前端,前端再通过jQuery将数据渲染至页面上。其中,需要注意的是前端需要每秒向后端发送一次请求,需要使用JavaScript定时器来完成。 下面,我提供两个示例,分别是使用原生JavaScript和jQuery实现每秒向后端发送请求并更新页面的代码。 …

    JavaScript 2023年6月11日
    00
  • 在React中this容易遇到的问题详解

    在React中this容易遇到的问题详解 在React开发中,this这个关键字非常常用,但同时也很容易引起问题。接下来,本文将详细讲解在React中this容易遇到的问题,并提供相应的解决方法。 问题1:函数调用时this指向问题 在React中,我们一般使用bind绑定this来确保函数中的this指向正确。但是,有时我们会在组件渲染时动态传递数据,这时…

    JavaScript 2023年6月10日
    00
  • JavaScript中的console.time()函数详细介绍

    下面是关于JavaScript中的console.time()函数的详细介绍: 简介 console.time()函数可以帮助我们计算代码的执行时间。通常用于优化代码,或者进行一些性能测试等等。 语法 console.time()函数的语法如下: console.time(name); 参数name是一个字符串,用于标记计时器。 使用方法 使用console…

    JavaScript 2023年5月27日
    00
  • JS实现提示效果弹出及延迟隐藏的功能

    JS实现提示效果的弹出及延迟隐藏功能,可以通过以下步骤来完成: 步骤一:创建提示框HTML结构 首先,我们需要创建一个提示框的HTML结构,可以使用div标签模拟弹出框,也可以使用ul或者table标签,此处以使用div标签为例。 <div id="tip-box" style="display:none;"&g…

    JavaScript 2023年6月11日
    00
  • 深入分析Javascript跨域问题

    深入分析Javascript跨域问题 在Web开发中,跨域请求通常是一个必须要解决的问题。在本文中,我们将从什么是跨域、跨域的原因、常见的跨域实现以及如何解决跨域问题等方面进行深入分析。 什么是跨域? 在 Web 开发中,跨域是指从一个源(协议 + 域名 + 端口)访问另一个源下的资源。例如,从 http://example.com 页面发起的请求访问 ht…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部