js 基础学习

javaScript 介绍

javaScriptdan 是一种成熟的编程语言，运用于浏览器，可以赋予页面一些行为，让其与用户实现交互使两者交流沟通更加好。它诞生于一个名叫布兰登·艾奇之手诞生之初只是为了进项表单验证。但是随着时代的发展 javaScript 所做的事情越来越多。

javaScript 的组成

三大部分

1. ECMAScript-简称 Es 是 javaScript 的语法规范，我们必须遵守语法规范，因为浏览器非常死板，不按照规范来的话，我们将无法实现我们想实现的功能。
2. DOM 文档对象模型用来操作页面上的标签
3. BOM 浏览器对象模型 用来操作浏览器部分功能

javaScript 数据类型

五大基本类型

1. 数字类型（number）类型
   代表的是所有数字类型，但是尤其注意的是一个特殊的东西-- ‘ NaN ’ 这个也是数字类型，但是代表的是结果不是一个数字。
2. 字符串类型（string）类型
   代表的是多个字符，用双引号或者单引号包裹着

.slice()必须掌握,参数1操作开始位置的索引，参数2操作结束位置的索引（不含结束位置）
//substr必须掌握参数1：操作开始位置的索引，参数2：拷贝的字符个数
//indexOf()使用方式与数组一样必须掌握。参数1：要查找的字符串内容，参数2查找开始位置的索引值。找到返回值为第一个索引，找不到返回为-1
//toUpperCase()将字串转大写
//toLowerCase()将字符串转小写
//replace()替换功能,必须掌握
//参数1，要替换的内容
//参数2：要替换成什么内容
//split()按照分隔符将字串分隔为数组-必须掌握参数：分隔符，返回值：按照分隔符分隔得到数组。
//trim()去除字符串两端空格
//.charAt(索引值)

3. 布尔（boolean）类型
   这种类型只有两个值 true 代表‘真’ false 代表‘假’。而在 js 中有六种情况转化为布尔类型时会转换为 false 其他都为 true 所以我们只需特别记住这六种分别是：0，空字符串‘’，NaN，undefined,null,false。

4. null
   空值

5. undefined
   只有一个值代表变量定义了，但是没有定义

复杂类型

1. 数组

数组是一个有顺序的，有长度的数据集合，理论上可以存放任何类型的数据（数组内也可以储存数组）

数组的一些常用方法

//将数组第一个元素移动到数组最后
 var arr = ['a', 'b', 'c'];
        arr.push( arr.shift() );
        console.log(arr);
//push()方法向数组末尾添加元素
//pop()方法从数组末尾删除一个元素
//shift()方法从数组前面删除一个元素
//unshift()方法从数组前面添加元素
//splice（“位置”，“数量”）用来在数组任意位置进行增删改查操作，返回值删除元素组成的新数组
//slice("位置","数量")，返回值：拷贝的元素组成的新数组。
//concat()用于连接数组操作，不会修改元素组
//indexOf（）查找数组中指定的元素所以值
//参数1,：要查找的元素值，必须掌握
//参数2：要查找开始位置的索引值默认为0
//如果找到，返回第一个找到的索引值找不到就返回-1
//sort()用来对数组进行升序或者降序排列，必想掌握
//reverse（）此方法将数组中元素翻转例如数组[1, 2, 3] 翻转结果为 [3, 2, 1]
//join()将数组通过一定方式拼接成字符串。必须掌握，返回值为拼接后的字符串。

2.Date

在 js 中要想获得当前的日期和事件需要创建一个 js 自带的 Date 对象

var date = new Date();
console.log(data); // 系统时间不同，输出的结果也会不同，但是都是输出当前系统的时间

3. Math

在 js 中也提供了获取随机数和取整的功能

// 获取随机数
var r = Math.random();
console.log(r); // 输出一个在 [0,1) 之间的浮点数，可以得到0，但是无法得到1

取整操作

var a = Math.floor(1.12);
console.log(a); // 输出1
var d = Math.floor(3.9);
console.log(d); // 输出 -4

####Math 对象内置方式使用

Math.max()//取最大值
Math.min()//取最小值
Math.random()//取随机数,需要掌握
Math.ceil()//向上取整，需要掌握
Math.floor()//向下取整需要掌握
Math.abs()//取绝对值
Mathround()//四舍五入

小结

复杂类型和基本类型区别就是储存数据的方式不同，复杂类型是将数据储存在堆之中而且存的是地址，一次能存储多个值，但是基本类型是将值储存在栈中而存储的是值，一次只能存储一个。