Js自学Day1--变量拓展、数组

目录

1.let和var区别：

2.1变量拓展--数组

1.数据的基本使用

2.取值语法

一些术语：

3.1数据类型

数字类型--number

字符串类型--string

字符串的拼接：

案例-输入年龄

---

1.let和var区

let为了解决var的一些问题

var声明：

        可以先使用再声明（不合理）

        var声明过的变量可以重复声明（不合理）

        比如变量的提升、全局变量、没有块级作用域等

结论：

以后声明变量统一使用let

---

2.1变量拓展--数组

数组（Array）是一种可以按顺序保存多个数据

1.数据的基本使用

目标：能够声明数组并且能够获取里面的数据

1.声明语法：

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

<script>
        let arr=['马超','关羽','张飞','貂蝉']
        console.log(arr)
    </script>

 

数组是按顺序保存，所以每个数据都有自己的编号

计算机中的编号从0开始，所以马超的编号为0，以此类推

在数组中，数据的编号也叫索引或者下标

---

2.取值语法

数组名 [下标]

  // 取值 数组名[索引]
        console.log(arr[0])
        console.log(arr[3])

 

通过下标取数据

取出来是什么类型，就根据这种类型特点来访问

---

一些术语：

元素：数组中保存的每个数据都叫数组元素

下标：数组中数据的编号

长度：数组中数据的个数，通过数组的length属性获得--console.log(names.length)

---

---

3.1数据类型

js数据类型分为两大类：

1.基本数据类型：number数字型、string字符型、boolean布尔型、undefined布尔型、null空类型

2.引用数据类型：object对象、function函数、array数组

---

数字类型--number

可以是整数、小数、正数、负数

JS中这些统一成为 数字类型

注：JS是弱数据类型，变量到底属于哪种类型，只有赋值之后，我们才能确认

java是强数据类型，例如 int a= 3 必须是整数

        let age = 18
        let num = 3.141592653
        let num2 = -12

字符串类型--string

通过单引号（''）、双引号（'' ''）或者反引号（’）包裹的数据都是字符串，单引号和双引号没有本质区别，推荐使用单引号

 let use_name='小明';//使用单引号
        let gender="男";//使用双引号
        let str='123';//用引号包裹成字符串
        let str_=''//空字符

注：

1.无论单双引号必须成对使用

2.单、双引号可以互相嵌套，但是不以自己嵌套自己（口诀：外双内单，或者外单内双）

3.必要时可以使用转译字符\，输出单引号或者双引号

        let num = 123
        let str1= '123'
        console.log(num)
        console.log(str1)
        let str2="pink 老师"
        console.log(str2)
        console.log('num')

        // 外单内双 外双内单
        console.log('我是"xxx"');
        // console.log('我是\'xxx\''); 了解

 

---

字符串的拼接：

 // 利用加号做拼接
        console.log('我是'+'xxx')
        console.log('我今年年龄是：'+19)

        let age= 20
        console.log('我今年年龄：'+ age)

 作用：

1.拼接字符串和变量

2.在没有它之前，要拼接比较麻烦

案例-输入年龄

 // 1.用户输入年龄
        // 2.页面输出 我今年xx岁啦
        let age = prompt('请输入你的年龄')
        // document.write('我今年' + age + '岁啦')
        document.write('我今年'+ age +' 岁啦')