猫史档案馆

好久不见了，据上一次的一些反馈，这次就不整这么难了，来讲讲变量与数组。（有什么错误，欢迎在评论区反馈，谢谢）

第一章：变量

1、什么是变量

        严格来讲，变量是一个可以储存并且操作数据的容器 ，可以放置一些内容，比如数字("1")，字符("A")，实体("Object")，方法("function")等等。在JS中，常用的定义变量的只有var,let,const，而C++中却有更细的分类，有int,char,bool,long long等等,这里就不细细展开，只讲JS中的3中，有兴趣的可以去看看（网址：zhidao.喵/question/82478196.html）

2、变量的定义与应用
（1）var可以定义大部分不同类型的变量，除关键词等外，定义格式：代码1-1.

//(代码1-1)
//var *** = 0; //定义一个变量，名字为***，并赋值为0

（2）let定义的一般为非全局性的变量，如用在for循环、函数中等等，它的好处就是执行完某一段程序后，会自动删除（而var定义的变量不会）例：代码1-2

//(代码1-2)
for(let a=0;a<=5;a++){
    console.log(a);
}

console.log(a)

/*输出：
0
1
2
3
4
5
ReferenceError:a is not defined at eval(index.js:***)
*/

//可以看到最后是找不到a的，所以报错了

（3）const定义的一般为非全局性的变量，如PI为3.1415……，某一个实体为（Person）等等，该变量中的值是不会被改变的，一般用在一些逻辑判断或运算上，如果对其进行赋值，就会报错。例：代码1-3

//(代码1-3)
const R = 5; //设某一个圆的半径为5
console.log(2*Math.PI*R); //输出这个圆的周长
console.log(Math.PI*R*R); //输出这个圆的面积

/*输出结果：
31.41592653589793
78.53981633974483
*/

3、使用变量时的注意事项

（1）在定义变量是，应该尽量避免使用如“a”，“b”等毫无意义的变量名，也不能使用空格或关键词（空格用下划线来代替）。这样做一来在检查代码时也容易知道自己写的是什么意思，而来代码不容易报错。我在这里推荐一种我做地图时定义变量的格式，代码：1-4

//(代码1-4)
/*var 属于谁的变量_变量名（_修饰词）
    例子：
    world_person_girl_sell_meat = world.querySelector("农民-02");
    指定义了一个属于世界范畴的喵的女人
*/

（2）定义的变量最好使用小写，一是美观，而是看起来方便，不容易出错。

(3)定义变量要放在代码最前面，防止因没有定义变量而出现的BUG，所以建议大家把定义变量的部分集中从5~20行开始放，可以有效防止1、没有定义 2、重复定义 等情况的发生，最好在定义末尾加上注释，方便检查。

第二章：数组

1、什么是数组

类比于变量，数组其实也是一个特殊类型的变量，只不过它可以把N多个变量放在一起，形成了数组。打个比方，变量是箱子，可以放一些内容，那么数组就是一个房间，可以放内容和这些箱子。

2、数组的定义与应用

其实，数组的定义与变量相同，只是在初始化的时候，赋的值不是0、"A"等等，而是[]（英文版的中括号）,格式：代码1-5 （其余格式类比于变量）

//(代码1-5)
//var *** = []; //定义一个数组，名字为***，并赋值为空

那么，它到底怎么用呢？接下来让我们举一个例子，代码1-6

//（代码1-6）
var name = '吉吉喵';
var basic_information = [name, 3, 100, 'a', 'b'] //定义数组

console.log(`${ basic_information[0] }有${ basic_information[2] }块钱`) //获取数组对应位置的元素（数组的第一项位置为0）
console.log(basic_information.length) //获取数组长度
basic_information.push("cute"); //向数组末尾增加"cute"内容
basic_information.pop(); //删除数组最后一项，即"cute"
basic_information.shift(); //删除数组第一项，即name
basic_information.indexOf(3); //寻找 3 在数组中的位置，即1
/*等等，更多请看：developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array
或
docs.box3.codemao.cn/js-tutorial.html#%E5%86%85%E7%BD%AE%E6%96%B9%E6%B3%95built-in-methods
*/

/*
输出结果：
吉吉喵有100块钱
5 (列表长度)
*/

好了，本周的教程就到此结束了，所以你学会了多少呢？快去地图中用一用吧！

往期教程：【云猫小课堂】第一节：学会运用函数，可以给你的地图加分！！！ 网址：shequ.codemao.cn/community/460382

 

广告

现马云编程猫新地图招人了！地图名：代码世界（暂定），玩法：与元神等游戏类似，不同点为玩家可以在地图中使用代码来进行开放活动，在地图中活学活用代码。  需求：3~5名地形师，1~2名代码师，3~4名建模师。要求：在岛时间长1年以上，有一张地图游玩人数超2K,不毁图，暑假有较长时间建图，不能太幼稚，至少精美一点。有兴趣的可以在评论区留言，格式：如：马云编程猫_1年半_代码师_box3.fun/u/GFnYCpKTyesNX2q(个人主页)

//(代码1-4)
/*var 属于谁的变量_变量名（_修饰词）
    例子：
    world_person_girl_sell_meat = world.querySelector("农民-02");
    指定义了一个属于世界范畴的喵的女人
*/

ReferenceError:a is not defined at eval(index.js:***)