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日

相关文章

  • Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别

    一、Jsonp 关键字详解1. Jsonp的全称是“JSON with Padding”,即“带填充的JSON”。2. Jsonp是一种跨域请求方式,允许在不同域之间请求数据,常用于跨域解决方案。3. Jsonp的原理是利用script标签的src属性可以跨域加载资源的特性,通过在url中加入callback参数,将回调函数名传递给服务端,服务端返回一小段j…

    JavaScript 2023年5月27日
    00
  • ES2020让代码更优美的运算符 (?.) (??)

    ES2020(也称为ES11)引入了两个新的运算符,即可选链运算符(?.)和空值合并运算符(??),以使JavaScript代码更加简洁、简单和易于维护。 可选链运算符(?.) 可选链运算符(?.)可用于在不确定对象是否存在的情况下,可以访问对象或其属性的属性。这是一个非常实用的特性,因为它可以帮助我们避免在访问对象的属性时引发”TypeError”错误,同…

    JavaScript 2023年6月11日
    00
  • Java 正则表达式学习总结和一些小例子

    Java 正则表达式学习总结和一些小例子 正则表达式是用于字符串匹配和替换的一种表达式语言。Java 中使用 java.util.regex 包来实现正则表达式。这篇文章将会总结 Java 正则表达式的常见语法和使用方法,并且提供一些示例代码来说明这些概念。 Java 正则表达式语法 Java 正则表达式的语法相对复杂,但它也为我们提供了强大的功能和灵活性。…

    JavaScript 2023年6月10日
    00
  • 使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)

    下面是使用jQuery Ajax访问WCF服务的完整攻略。 1. 前置条件 在使用jQuery Ajax访问WCF服务之前,需要先准备以下环境: WCF服务:需要创建一个能够响应GET、POST、PUT、DELETE请求的WCF服务。可以使用Visual Studio创建一个WCF服务应用程序,然后添加一些服务操作来实现GET、POST、PUT、DELETE…

    JavaScript 2023年6月11日
    00
  • js严格模式总结(分享)

    JS严格模式总结(分享) JS严格模式,也叫做严格模式,是ES5中定义的一种JS运行的模式。它可以让代码在更加安全的环境下运行,且更加严格地执行代码。本文将为您详细讲解JS严格模式的使用、注意事项以及相关示例。 使用严格模式的方法 使用严格模式只需要在JS代码的开头添加’use strict’;即可,例如: ‘use strict’; function fo…

    JavaScript 2023年6月10日
    00
  • JavaScript正则表达式函数总结(常用)

    JavaScript正则表达式函数总结(常用) 正则表达式是用于处理字符串的强大工具,JavaScript内置了正则表达式对象RegExp,使用正则表达式可以快速而灵活地解析、匹配和替换字符串。 常用正则表达式函数 test() test()方法用于测试一个字符串是否匹配某个正则表达式,返回值为布尔类型,如果匹配成功,则返回true,否则返回false。 l…

    JavaScript 2023年5月27日
    00
  • Bootstrap 表单验证formValidation 实现表单动态验证功能

    下面将详细讲解 Bootstrap 表单验证 formValidation 实现表单动态验证功能的完整攻略。 什么是 Bootstrap 表单验证 formValidation Bootstrap表单验证formValidation是一种基于jQuery的验证表单的插件。它是一个简单易用、灵活性强的工具,可以帮助开发者实现表单的动态验证功能。 formVal…

    JavaScript 2023年6月10日
    00
  • js实现温度计时间样式代码分享

    下面我将为您详细讲解“JS实现温度计时间样式代码分享”的完整攻略。 1. 准备工作 在写代码之前,您需要准备一下几个东西: 温度计需要的样式和图片(例如温度计的背景图、指针图等)。 一个用于展示温度计的div元素,可以通过创建一个div元素并设置它的样式定位来实现。 2. 编写HTML代码 在HTML文件中,需要定义一个div元素,用于展示温度计。例如: &…

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