JavaScript的基础数据类型

devtools/2024/11/26 14:50:49/

一、JavaScript中的数组

  1. 定义
    • 数组是一种特殊的对象,用于存储多个值。在JavaScript中,数组可以包含不同的数据类型,如数字、字符串、对象、甚至其他数组。
    • 数组的创建有两种常见方式:
      • 字面量表示法:
        javascript">let fruits = ['apple', 'banana', 'cherry'];
        
      • 使用Array构造函数:
        javascript">let numbers = new Array(1, 2, 3);
        
  2. 特性
    • 数组的长度可以动态变化。可以通过push()方法在末尾添加元素,通过pop()方法移除末尾元素。
      javascript">let myArray = [1, 2];
      myArray.push(3); // [1, 2, 3]
      myArray.pop(); // [1, 2]
      
    • 数组可以包含不同类型的数据:
      javascript">let mixedArray = [1, 'string', {name: 'John'}, [4, 5]];
      

二、索引

  1. 定义
    • 数组中的每个元素都有一个对应的索引(也叫下标)。在JavaScript中,数组索引从0开始。
    • 例如,在数组[10, 20, 30]中,10的索引是0,20的索引是1,30的索引是2。
  2. 访问元素
    • 通过索引可以访问数组中的元素。使用方括号[]语法,在方括号内传入索引值。
      javascript">let myArray = [10, 20, 30];
      console.log(myArray[1]); // 20
      
  3. 修改元素
    • 也可以通过索引修改数组中的元素。
      javascript">let myArray = [10, 20, 30];
      myArray[1] = 25;
      console.log(myArray); // [10, 25, 30]
      

三、元素

  1. 定义
    • 数组中的每一个值都被称为元素。元素可以是任意数据类型。
  2. 操作元素
    • 除了上面提到的通过索引访问和修改元素外,还有很多方法可以操作数组元素。
    • 添加元素
      • 除了push()方法在末尾添加元素外,还可以使用unshift()方法在数组开头添加元素。
        javascript">let myArray = [2, 3];
        myArray.unshift(1);
        console.log(myArray); // [1, 2, 3]
        
    • 删除元素
      • 除了pop()方法移除末尾元素外,shift()方法可以移除数组开头的元素,splice()方法可以移除指定位置的一个或多个元素。
        javascript">let myArray = [1, 2, 3];
        myArray.shift();
        console.log(myArray); // [2, 3]
        myArray.splice(1, 1);
        console.log(myArray); // [2]
        
    • 遍历元素
      • 可以使用for循环、forEach()方法等遍历数组中的元素。
        javascript">let myArray = [10, 20, 30];
        for (let i = 0; i < myArray.length; i++) {console.log(myArray[i]);
        }
        myArray.forEach(element => {console.log(element);
        });
        

JavaScript 的常量、数据类型和算术运算符的

常量:在 JavaScript 中,常量是指其值在程序执行过程中不能被改变的量。通常使用关键字const来定义常量。

数据类型

  1. 数值类型:包括整数和浮点数。
  2. 字符串类型:由字符组成的序列。
  3. 布尔类型:表示真或假两种状态。
  4. 对象类型:包括普通对象、数组、函数等。
  5. 特殊类型:如null(表示空值)和undefined(表示未定义)。

算术运算符

  1. 加法运算符+,用于两个数的相加。
  2. 减法运算符-,用于两个数的相减。
  3. 乘法运算符*,用于两个数的相乘。
  4. 除法运算符/,用于两个数的相除。
  5. 取余运算符%,用于计算两个数相除的余数。

这张图片是关于JavaScript的概念、作用和组成的总结。

JavaScript的概念、作用组成

1. 概念

JavaScript是一种运行在客户端(浏览器)的编程语言。

2. 作用
  • 网页特效:监听用户的一些行为让网页作出对应的反馈。例如,当用户点击按钮时,弹出一个提示框。
  • 表单验证:针对表单数据的合法性进行判断。例如,在用户注册页面,检查用户输入的邮箱格式是否正确。
  • 数据交互:获取后台的数据,渲染到前端。例如,通过AJAX技术从服务器获取数据并在网页上显示。
  • 服务端编程:使用Node.js进行服务端编程。例如,使用Node.js搭建服务器,处理HTTP请求。
3. 组成
  • ECMAScript:它规定了JavaScript的语法和基本对象。
  • DOM(文档对象模型):它允许JavaScript操作HTML和XML文档中的元素。例如,通过JavaScript改变网页中某个元素的样式或内容。
  • BOM(浏览器对象模型):它提供了与浏览器窗口进行交互的对象和方法。例如,通过JavaScript打开或关闭浏览器窗口、获取浏览器的尺寸等。

这张图通过简洁的方式概括了JavaScript的主要特点和组成部分,有助于快速了解JavaScript在网页开发中的应用。

这张图片是关于变量的学习思维导图,主要内容如下:

变量

请添加图片描述

1. 变量概念和作用
  • 容器:变量是一种容器。
  • 变量的本质:在内存中开辟一个空间。
  • 声明赋值的几种写法:未详细列出,可能包括不同的变量声明和赋值方式。
2. 变量命名规则和规范
  • 命名规则和规范
    • 规则
      • 由字母、数字、下划线、$符号组成,不能以数字开头。
      • 不能是关键字和保留字,例如:varforwhileconst
      • 严格区分大小写。
    • 规范
      • 变量名必须有意义。
      • 遵守小驼峰式命名法。
  • 练习:大厂面试题。

http://www.ppmy.cn/devtools/137143.html

相关文章

代码管理之Gitlab

文章目录 Git基础概述场景本地修改未提交&#xff0c;拉取远程代码修改提交本地&#xff0c;远程已有新提交 GitIDEA引入Git拉取仓库代码最后位置 Git基础 概述 workspace 工作区&#xff1a;本地电脑上看到的目录&#xff1b; repository 本地仓库&#xff1a;就是工作区中隐…

深入浅出:JVM 的架构与运行机制

一、什么是JVM 1、什么是JDK、JRE、JVM JDK是 Java语言的软件开发工具包&#xff0c;也是整个java开发的核心&#xff0c;它包含了JRE和开发工具包JRE&#xff0c;Java运行环境&#xff0c;包含了JVM和Java的核心类库&#xff08;Java API&#xff09;JVM&#xff0c;Java虚拟…

基于Spring Boot的同城宠物照看系统的设计与实现

摘 要 科学技术日新月异&#xff0c;人们的生活都发生了翻天覆地的变化&#xff0c;同城宠物照看系统当然也不例外。过去的信息管理都使用传统的方式实行&#xff0c;既花费了时间&#xff0c;又浪费了精力。在信息如此发达的今天&#xff0c;我们可以通过网络这个媒介&#x…

go-rod vs Selenium:自动化测试工具的比较与选择

自动化测试是软件开发过程中的关键环节&#xff0c;它能够帮助我们发现缺陷、验证功能并提高软件质量。随着Web技术的快速发展&#xff0c;市场上出现了多种自动化测试工具&#xff0c;其中Selenium和go-rod是两个备受关注的选择。本文将从多个维度对这两个工具进行比较&#x…

【测试工具JMeter篇】JMeter性能测试入门级教程(二)出炉,测试君请各位收藏了!!!

上篇文章&#xff1a;CSDN 我们介绍了JMeter的一些原理介绍&#xff0c;以及安装配置和启动流程&#xff0c;本文我们就来讲讲JMeter如何使用。 一、JMeter目录结构组成 1. 根目录 Jmeter安装包解压后的根目录如下图&#xff1a; 1.1 backups目录&#xff1a;脚本备份目录&am…

GitCode 平台设置访问令牌 从而git仓库(附pycharm创建版本控制项目)

GitCode 背靠CSDN搞了国产的git平台&#xff0c;但在实际使用过程中&#xff0c;我直接感受就是坑爹&#xff01;在查找用户令牌&#xff08;账号密码&#xff09;这一基本功能上&#xff0c;因为是csdn直接登录跳转过去的用户令牌&#xff0c;没有设置过密码&#xff0c;默认就…

【软考速通笔记】系统架构设计师④——系统工程基础知识

文章目录 一、前言二、系统工程方法2.1 霍尔的三维结构2.2 切克兰德法2.3 并行工程2.4 综合集成法 三、系统工程生命周期四、系统生命周期方法五、系统性能5.1 计算机的性能指标5.2 路由器的性能指标5.3 交换机的性能指标5.4 网络的性能资料5.5 操作系统的性能指标5.6 数据库的…

云网络基础- TCP/IP 协议

文章目录 典型服务模式TCP/IP 协议设置和查看IPIP地址的分类:IP地址组成: 网络位主机位组成克隆:产生一台新的虚拟机win2008 典型服务模式 • C/S,Client/Server架构 – 由服务器提供资源或某种功能 – 客户机使用资源或功能 TCP/IP 协议 • TCP/IP是最广泛支持的通信协议集合…