JavaScript的基础数据类型

一、JavaScript中的数组

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

二、索引

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

三、元素

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

5.5 W5500 TCP服务端与客户端

文章目录 1、TCP介绍2、W5500简介2.1 关键函数socketlistensendgetSn_RX_RSRrecv自动心跳包检测getSn_SR 1、TCP介绍 TCP 服务端&#xff1a; 创建套接字[socket]&#xff1a;服务器首先创建一个套接字&#xff0c;这是网络通信的端点。绑定套接字[bind]&#xff1a;服务器将…

PostGres命令【常用维护,增删改查】

文章目录 连接数据库列出数据库列出表增删改查操作基本的维护命令其他常用命令 PostgreSQL 中常用的 psql 命令&#xff0c;包括连接数据库、列出数据库、列出表、增删改查操作以及一些基本的维护命令。 连接数据库 启动 psql 客户端&#xff1a; psql -U your_username -d yo…

Android 15 版本更新及功能介绍

Android 15版本时间戳 Android 15,代号Vanilla Ice Cream(香草冰淇淋),是当下 Android 移动操作系统的最新主要版本。 开发者预览阶段:2024年2月,谷歌发布了Android 15的第一个开发者预览版本(DP1),这标志着新系统开发的正式启动。随后,在3月和4月,谷歌又相继推出了D…

第02章_MySQL环境搭建(基础)

1. MySQL 的卸载 1.1 步骤1&#xff1a;停止 MySQL 服务 在卸载之前&#xff0c;先停止 MySQL8.0 的服务。按键盘上的 “Ctrl Alt Delete” 组合键&#xff0c;打开“任务管理器”对话 框&#xff0c;可以在“服务”列表找到“MySQL8.0” 的服务&#xff0c;如果现在“正在…

Vue开发05:Vue中Ant-design主要控件用法demo(js为主)

Ant-design主要控件事件总结 在线测试网站&#xff1a;在线运行Vue组件 (rscl.cc) 以下demo全部基于ant-design-vue组件&#xff08;版本1.7.8&#xff09; 一、下拉框 1.选项直接赋值&#xff08;$event&#xff09; 用下面这个技巧&#xff0c;可以不写methods&#xff0…

红队笔记--W1R3S、JARBAS、SickOS、Prime打靶练习记录

W1R3S(思路为主) 信息收集 首先使用nmap探测主机&#xff0c;得到192.168.190.147 接下来扫描端口&#xff0c;可以看到ports文件保存了三种格式 其中.nmap和屏幕输出的一样&#xff1b;xml这种的适合机器 nmap -sT --min-rate 10000 -p- 192.168.190.147 -oA nmapscan/ports…

深入理解 MyBatis 的缓存机制:一级缓存与二级缓存

MyBatis 是目前 Java 开发中常用的一种 ORM&#xff08;对象关系映射&#xff09;框架&#xff0c;它不仅简化了 SQL 语句的编写和管理&#xff0c;还提供了强大的缓存机制&#xff0c;用以提高数据库访问的性能。MyBatis 的缓存分为一级缓存和二级缓存&#xff0c;分别应用于不…

使用nvm下载多个版本node后提示vue不是内部或外部命令,执行vue create报.vuerc错误

一、使用nvm后执行含vue的相关命令提示vue不是内部或外部命令 前言&#xff1a;之前有项目需要切换node版本&#xff0c;我把node卸载了然后使用nvm下载多个版本的node。现在想通过vue create搭建vue2的项目时提示vue不是内部或外部命令&#xff0c;执行npm i vue/cli后仍然无…

uniapp+vue2重新进入小程序就清除缓存,设备需要重新扫码

代码 app.vue页面 <script>export default {onLaunch: function() {uni.removeStorageSync(equiId)}} </script>

学习笔记|MaxKB对接本地大模型时,选择Ollma还是vLLM?

在使用MaxKB开源知识库问答系统的过程中&#xff0c;除了对接在线大模型&#xff0c;一些用户出于资源配置、长期使用成本、安全性等多方面考虑&#xff0c;还在积极尝试通过Ollama、vLLM等模型推理框架对接本地离线大模型。而在用户实践的过程中&#xff0c;经常会对候选的模型…

电脑开启虚拟化的方法

因为最近在用模拟器玩游戏&#xff0c;所以来给大家分享一下&#xff0c;使用模拟器之前需要开启的虚拟化技术。 Windows系统开启Hyper-V功能 Windows 11&#xff1a; 按【Win】【i】打开系统设置。在【系统】一栏找到并点击【可选功能】。在界面最下方找到相关设置选项的【更…

计算机网络八股整理(一)

计算机网络八股文整理 一&#xff1a;网络模型 1&#xff1a;网络osi模型和tcp/ip模型分别介绍一下 osi模型是国际标准的网络模型&#xff0c;它由七层组成&#xff0c;从上到下分别是&#xff1a;应用层&#xff0c;表示层&#xff0c;会话层&#xff0c;传输层&#xff0c;…

Spring Boot教程之五:在 IntelliJ IDEA 中运行第一个 Spring Boot 应用程序

在 IntelliJ IDEA 中运行第一个 Spring Boot 应用程序 IntelliJ IDEA 是一个用 Java 编写的集成开发环境 (IDE)。它用于开发计算机软件。此 IDE 由 Jetbrains 开发&#xff0c;提供 Apache 2 许可社区版和商业版。它是一种智能的上下文感知 IDE&#xff0c;可用于在各种应用程序…

单片机学习笔记 9. 8×8LED点阵屏

更多单片机学习笔记&#xff1a;单片机学习笔记 1. 点亮一个LED灯单片机学习笔记 2. LED灯闪烁单片机学习笔记 3. LED灯流水灯单片机学习笔记 4. 蜂鸣器滴~滴~滴~单片机学习笔记 5. 数码管静态显示单片机学习笔记 6. 数码管动态显示单片机学习笔记 7. 独立键盘单片机学习笔记 8…

vue 预览pdf 【@sunsetglow/vue-pdf-viewer】开箱即用,无需开发

sunsetglow/vue-pdf-viewer 开箱即用的pdf插件sunsetglow/vue-pdf-viewer, vue3 版本 无需多余开发&#xff0c;操作简单&#xff0c;支持大文件 pdf 滚动加载&#xff0c;缩放&#xff0c;左侧导航&#xff0c;下载&#xff0c;页码&#xff0c;打印&#xff0c;文本复制&…

Css—实现3D导航栏

一、背景 最近在其他的网页中看到了一个很有趣的3d效果&#xff0c;这个效果就是使用css3中的3D转换实现的&#xff0c;所以今天的内容就是3D的导航栏效果。那么话不多说&#xff0c;直接开始主要内容的讲解。 二、效果展示 三、思路解析 1、首先我们需要将这个导航使用一个大…

重新定义社媒引流:AI社媒引流王如何为品牌赋能?

在社交媒体高度竞争的时代&#xff0c;引流已经不再是单纯追求流量的数字游戏&#xff0c;而是要找到“对的用户”&#xff0c;并与他们建立真实的连接。AI社媒引流王通过技术创新和智能策略&#xff0c;重新定义了社媒引流的方式&#xff0c;帮助品牌在精准触达和高效互动中脱…

Docker1:认识docker、在Linux中安装docker

欢迎来到“雪碧聊技术”CSDN博客&#xff01; 在这里&#xff0c;您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者&#xff0c;还是具有一定经验的开发者&#xff0c;相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导&#xff0c;我将…

Centos 8, add repo

Centos repo前言 Centos 8更换在线阿里云创建一键更换repo 自动化脚本 华为Centos 源 , 阿里云Centos 源 华为epel 源 , 阿里云epel 源vim /centos8_repo.sh #!/bin/bash # -*- coding: utf-8 -*- # Author: make.han

flutter 专题十一 Fair原理篇Fair逻辑动态化架构设计与实现

数据逻辑处理布局中的逻辑处理Flutter类型数据处理 一、数据逻辑处理 我们接触的每一个Flutter界面&#xff0c;大多由布局和逻辑相关的代码组成。如Flutter初始工程的Counting Demo的代码&#xff1a; class _MyHomePageState extends State<MyHomePage> {// 变量 in…