首页 > 其他分享 >JS-变量、常量和数组

JS-变量、常量和数组

时间:2023-06-10 11:26:05浏览次数:45  
标签:变量 age JS let 数组 赋值 声明 常量

一. 变量

变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆,通俗的理解变量就是使用【某个符号】来代表【某个具体的数值】(数据),这个符号就是变量,这个具体的值称为字面量。

<script>
  // x 符号代表了 5 这个数值
  x = 5
  // y 符号代表了 6 这个数值
  y = 6
    
  //举例: 在 JavaScript 中使用变量可以将某个数据(数值)记录下来!

  // 将用户输入的内容保存在 num 这个变量(容器)中
  num = prompt('请输入一数字!')

  // 通过 num 变量(容器)将用户输入的内容输出出来
  alert(num)
  document.write(num)
</script>

变量的声明

声明变量也叫定义变量:let 变量名,此处let为关键字。
关键字是 JavaScript 中内置的一些英文词汇(单词或缩写),它们代表某些特定的含义,如 let 的含义是声明变量的,看到 let 后就可想到这行代码的意思是在声明变量,如 let age;

letvar 都是 JavaScript 中的声明变量的关键字,推荐使用 let 声明变量。

问:为什么用let不用var?
答:let 比 var 更加严谨,建议使用let声明变量:

⭐使用 let 时的注意事项:

  1. 允许声明和赋值同时进行
  2. 不允许重复声明
  3. 允许同时声明多个变量并赋值
  4. JavaScript 中内置的一些关键字不能被当作变量名

⭐使用 var 时的注意事项:

  1. 允许声明和赋值同时进行
  2. 允许重复声明
  3. 允许同时声明多个变量并赋值
  4. 变量可以先使用再声明

变量的赋值

声明(定义)变量相当于创造了一个空的“容器”,通过赋值向这个容器中添加数据。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 声明和赋值</title>
</head>
<body>
  
  <script> 
    // 声明(定义)变量
    let age
    // 赋值,将 18 这个数据存入了 age 这个“容器”中
    age = 18
    // 这样 age 的值就成了 18
    document.write(age)
	
	// 也可以同时声明多个变量
	let uname = tom, age = 20
	
    // 也可以声明和赋值同时进行
    let str = 'hello world!'
    alert(str);
  </script>
</body>
</html>

变量名命名规则

关于变量的名称(标识符)有一系列的规则需要遵守:

  1. 只能是字母、数字、下划线、$,且不能能数字开头
  2. 字母区分大小写,如 Age 和 age 是不同的变量
  3. JavaScript 内部已占用于单词(关键字或保留字)不允许使用
  4. 尽量保证变量具有一定的语义,见字知义
  5. 使用小驼峰命名法:userName

二. 数组

数组 Array :一种将一组数据存储在单个变量名下的方式

声明数组

let 数组名 = [ 数据1, 数据2, 数据3, ..., 数据n ]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let day = ['星期一','星期二','星期三','星期四','星期五','星期六','星期日',10]
    </script>
</body>
</html>
  • 数组是按照顺序保存,每个数据都有自己的编号,也叫索引(从0开始)
  • 数组可以保存任意类型的数据
  • 数组中保存的每个数据都叫一个数组元素

使用数组

数组名[下标]
想知道数组的长度,需要使用:数组名.length

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let day = ['星期一','星期二','星期三','星期四','星期五','星期六','星期日']
        console.log(day[6]) //星期日
        console.log(day.length) //7
    </script>
</body>
</html>

三. 常量

概念: 使用const声明的变量称为“常量”。
使用场景: 当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是let。(不需要重新赋值的数据就可以使用 const )
命名规范: 和变量一致。

const PI = 3.14

注意: 常量不允许重新赋值,声明的时候必须赋值(初始化)。

标签:变量,age,JS,let,数组,赋值,声明,常量
From: https://www.cnblogs.com/-ula/p/17470942.html

相关文章

  • JS中循环遍历数组的几种常用方式总结
    第一种:for循环,也是最常见的最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间constarr=[11,22,33,44,55,66,77,88];for(leti=0;i<arr.length;i++){console.log(arr[i]);}第二种:优化版for循环constarr=[11,22,33,44,5......
  • 给第一行单元格赋值 + WPS JS获取工作表的总行数 + WPS JS获取工作表的总行数
    戳我,了解更多相关办公的小技巧给第一行单元格赋值1、在计算机中有一种ASCII编码,其中A在计算机中的表示的数字是65,a的ascii码是97,b的ascii码是98。2、从A1到F1可以看到第一个字母在变化,第2个数字始终是1,A的ascii码是65,F的ascii码是70。3、我们定义letter=65,使letter逐渐靠......
  • js 实现排列组合
    组合:(不考虑顺序,无重复)//测试用例letdataArr=[1,2,3,4,5];functioncombination(dataArr,remainNum,currentArr){if(remainNum===0){console.log(...currentArr);return;}for(leti=0;i<dataArr.length+1-remainNum;i++){......
  • 2.3标识符、关键字、保留字 2.4 常量、变量、数据类型
     2.3标识符、关键字、保留字2.3.1标识符标识符只能由字母、下划线"_"、数字、美元符号"$"组成并且首字母不能是数字。区分大小写、且不能插入空格。以下举例:合法:Dog、class_3、_price、$123、$123bay、abc_123、¥123非法:3_class、&class、class、NO.1(关键字)、.com、#myname2.3.2......
  • React - 04 函数组件的底层渲染机制
    1.函数组件创建:在SRC目录中,创建一个xxx.jsx的文件,就是要创建一个组件;我们在此文件中,创建一个函数,让函数返回JSX视图「或者JSX元素、virtualDOM虚拟DOM对象」;这就是创建了一个“函数组件”!!调用:基于ES6Module规范,导入创建的组件「可以忽略.jsx后缀名」,然后像写标签一样调用这个组......
  • js笔记_流程控制
    if判断varage=1;if(age>3){alterr("haha");}elseif{age<5){alert("kuwa");}else{alert("kuwa");}while循环,避免程序死循环while(age<100){age=age+1;console.log(age)}do{age=age+1;console.log(age)}while(age&l......
  • js笔记_Map,Set
    //ES6Mapvarmap=newMap([["tom",100],["jack",100],["jj",100]]);varname=map.get("tom");//通过key获取valuemap.set(‘admin’,123456);//新增或修改map.delete(“tom”);//删除Set:无序不重复的集合set.add(2);//添加set.delete;//删除consol......
  • React - 03 JSX语法示例及JSX渲染机制
    1.根据变量控制元素显示/隐藏2种方式,方式1会渲染但不显示,方式2不会渲染元素2.循环列表渲染用数组的map方法,直接将要循环的元素返回如果数组的每个元素都是empty,则为稀疏数组,否则为密集数组,即使每个元素都是null也是密集数组3.JSX渲染机制第一步:把我们编写的JSX语法,编译为虚拟DOM对......
  • js笔记_对象
    对象:若干键值对var对象名={属性名:属性值,属性名:属性值,属性名:属性值,属性名:属性值}定义一个person对象,有两个属性!varperson={name:"li",age:"18"}js中对象,{.........}表示一个对象,键值对描述属性xxxx:xxxx,多个属性之间用逗号隔开,最后一个属性不用加逗号!1.对象赋......
  • js笔记
    /*1.前提:IDEA需要设置支持ES6语法·usestrict`;严格检查模式2.数据类型2.1字符串1.正常字符串:单引号或者双引号2.;转义字符\'\n\t\u4e2d\u###unicode字符\x41Ascll字符3.多行字符串编写//tab上面,esc下面varmsg=hello......