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

yizhihongxing

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日

相关文章

  • javascript实现考勤日历功能

    实现考勤日历功能的前置要求: 掌握HTML,CSS和JavaScript基础 了解Date对象及其相关方法 了解事件处理机制 下面开始我们的实现攻略: 步骤1:HTML骨架 我们需要先设计一个HTML骨架,用于放置后续动态生成的日历元素。 <div id="calendar"> <div class="head…

    JavaScript 2023年5月27日
    00
  • js判断是否有中文的脚本_js判断中文方法集合 原创

    标题:JS判断是否有中文的脚本 JS代码: /** * 判断字符串中是否存在中文字符 * @param {string} str – 待判断的字符串 * @returns {boolean} – 如果存在中文字符则返回true,否则返回false */ function hasChineseCharacter(str) { // 使用正则表达式进行匹配 va…

    JavaScript 2023年5月19日
    00
  • JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法

    JavaScript中的事件流模型分为“捕获阶段”和“冒泡阶段”两个阶段。事件从最外层元素一直传递到目标元素,然后再传递回最外层元素。整个过程可以理解为一颗DOM树的遍历过程。 对于一个元素上的事件,由于事件的传递和处理是需要时间的,因此我们可以通过阻止事件的传递,来控制事件的执行次数或是终止事件的执行。 捕获/阻止捕获 在DOM树的遍历过程中,先触发最外层…

    JavaScript 2023年6月11日
    00
  • 纯js模仿windows系统日历

    下面是详细的“纯js模仿windows系统日历”的攻略。 确定需求 在开始实现之前,我们需要明确我们要实现的功能和样式。通过分析windows系统日历,我们需要实现以下功能:展示年、月、日;选择日期;展示节日;展示农历等。 确定技术栈 由于需要实现前端交互和展示,我们可以选用纯js实现,同时可以使用第三方库例如moment.js或day.js来处理日期以及节…

    JavaScript 2023年5月27日
    00
  • JavaScript 实现鼠标拖动元素实例代码

    下面就给您详细讲解一下“JavaScript 实现鼠标拖动元素实例代码”的攻略。 什么是鼠标拖动元素 鼠标拖动元素是指利用鼠标对网页上的某个元素进行拖动操作,把元素从一个位置移到另一个位置。在前端开发中,鼠标拖动元素经常被用于实现拖拽排序、拖拽上传等功能。 实现鼠标拖动元素的基本步骤 实现鼠标拖动元素的基本步骤如下: 给需要拖动的元素添加鼠标按下的事件监听器…

    JavaScript 2023年6月10日
    00
  • JavaScript开发中需要搞懂的字符编码总结

    以下是我对字符编码总结的完整攻略: JavaScript开发中需要搞懂的字符编码总结 什么是字符编码? 字符编码是一种将字符(包括数字、字母、符号等)与二进制数之间相互转换的方式。计算机中,所有的信息都是以二进制的形式存储和传输的。因此,为了在计算机中能够正常存储和传输各种字符,需要通过字符编码将字符转换为二进制数。 JavaScript中的字符串是Unic…

    JavaScript 2023年5月20日
    00
  • 浅谈类似于(function(){}).call()的js语句

    类似于 (function(){}).call() 的 JS 语句通常被称为自执行函数,在 JavaScript 中被广泛使用。下面是这种语句的详细讲解。 1. 什么是自执行函数 自执行函数是一个在定义时立即执行的函数。它可以被写作以下两种形式之一: (function() { // 函数体 })(); // 或者 (function() { // 函数体 …

    JavaScript 2023年5月27日
    00
  • element多个表单校验的实现

    我们来详细讲解一下如何通过element实现多个表单校验。 确定要校验的表单 首先,需要确定需要进行校验的表单。可以根据业务需求,选择需要进行校验的表单元素。例如,我们需要对登录表单的“用户名”和“密码”两个表单元素进行校验。 导入element UI 接下来,引入element UI的表单校验组件。在Vue.js项目中,通常可以在main.js文件中引入e…

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