JS自学-数据类型

数据类型

简单数据类型

• Number
• String
• Boolean
• undefined
• null

在栈中开辟一开内存，将简单的数据类型存储到栈中

复杂数据类型

• Array
• object

先在栈空间中开辟一块内存，将数据保存在堆空间中，然后将堆得内存地址保存到栈空间中。

object（） 对象

保存小明的信息：
年龄，姓名，性别，爱好
由于通过变量来分别保存这些特征不太方便，且人数过多时容易混淆，所以用一个对象来表示小明。

//声明方法一：
//村塾小明的信息：年龄，姓名，性别，爱好
//声明对象
var xiaoming = new Object();
xiaoming.age = 18 ;
xiaoming.name = "xiaoming";
xiaoming.sex = "男"
xiaoming.aihao = "女"
//对象的使用
//得到小明的爱好
alert(xiaoming.aihao)

//声明方法二：
var xiaoming = {//css里面选择器
age:"18",
name:"xiaoming",
sex:"男"

调用小明爱好的过程：

1. 声明一个名为xiaoming的Object型数据。
2. 先在栈中开辟一块空间，命名为xiaoming 。
3. 系统发现xiaoming的数据类型是为Object的复杂数据类型，在堆中开辟一块空间用于储存xiaoming下各类信息。
4. 将用于存储xiaoming信息的堆的地址存储于栈中。
5. 当需要使用xiaoming的相关信息时，先在栈中找到xiaoming，再从其中找到用于储存xiaoming信息的堆的地址，最后在堆中找到需要的信息。

Array 数组

//声明数组
var arr=new Array();
//赋值
arr[0]=67;
arr[1]=59;
arr[2]=89;
arr[3]=100;
//声明方法二: var arr=[67,44,15,52]
//输出
//得到第三个同学的成绩
alert(arr[2]);

存储与调用过程与对象相似，不过堆中具体信息的地址不是自定义，而是由从0开始的整数（数组）下标表示。

注意
1. 数组的下标是以0开始。
2. 数组声明以后，长度可以是无限长。
3. js中的数组可以存储任意的类型。

数组的遍历

//数组的遍历（将数组中的内容全部输出一遍）
//使用for循环来实现
//输出arr.length
//alert(arr.length)  可以得到数组的长度
for(var i =0;i<arr.length;i++){   //arr./length处也可以使用具体数字，但不推荐，因为数组的长度是可以变化的，方便以后使用。
alert(arr[i]);
}

数组中常用的方法
1. concat 连接数组
var arr1 = [1,2,3,4,5]
var arr2 = [6,7,8]
sonsole.log(arr1.concat(arr2))
//输出结果 0:1
1:2
2:3
…
//即数组变为了[1,2,3,4,5,6,7,8,9]
//此方法不会改变数组本身的值
2. join 整体变为一个字符串输出




Document

var arr = new Array
arr = ["first","second","third"]
console.log(arr)
console.log(arr.join())

</body>
</html>

//输出结果为 :   ["first", "second", "third"]
first,second,third
//join后的括号内为分隔符，无内容是默认以逗号隔开。

3. 具体参考W3Cschool

字符串的方法
//字符串也可以看做数组

var a = "abcadaga"
alert(a[1])
//输出结果为 b

1. .lastIndexof
   var a = “abcadaga”
   alert(a.lastIndexif(“a”))
   //输出结果为 7 ，即最后一个字符”a”的下标
2. .Indexof
   var a = “abcadaga”
   alert(a.Indexif(“a”))
   //输出结果为 0 ，即第一个字符”a”的下标
3. .trim 清除前后空格

js中的方法

将一段经常使用的代码用一个方法抱起来，将来方便再次使用。

//定义方法:
function 方法名(){
代码段;
}
function a(){
alert("12345")
}
//调用:
a();
//效果:
在浏览器弹窗输出一段字符段: 12345