JavaScript三

1.数组的常用方法

1. push后面追加元素
   用来在数组的末尾追加一个元素

var arr = [1, 2, 3]
arr.push(4)
console.log(arr)

console.log(arr) // [1, 2, 3, 4]
arr.pop()
console.log(arr)

2. pop后面删除元素
   返回值删除的元素
   var arr = [1, 2, 3]

var arr = [1, 2, 3]
arr.pop()
console.log(arr)

3. shift前面删除元素
   返回值删除的这个元素

var arr = [1, 2, 3]
arr.shift()
console.log(arr) 

4. splice
   删除：
   var 变量名= 数组名.splice( 下标位置，要删除的数组数量)
   增加：
   直接在splice中加上第三个参数
   不删除原有元素添加新元素：
   把第二个参数改成0

var arr = [1, 2, 3, 4]
arr.splice(1, 2)
console.log(arr)

5. reverse(倒序)
   把数组的顺序颠倒

var arr = [1, 2, 3]
arr.reverse()
console.log(arr) 

6. sort排序
   按照位数进行排列

var arr = [1,2,3]
arr.sort()
console.log(arr)

7. concat拼接
   可以拼接数组和值，返回值为拼接的新数组

var arr = [1, 2, 3]
var new = arr.concat([4, 5, 6])
console.log(arr)
console.log(new)

8. join
   将数组转换为字符串

var arr = [1, 2, 3]
var str = arr.join
console.log(arr)
console.log(str)

9. slice 截取
   开始索引，结束索引

10. indexOf
    返回查找元素的索引值（若值为-1，即证明数组中没有这个元素）

11. forEach遍历
    回调函数

12. map映射
    返回的值会改变数组内的元素

var arr = [1, 2, 3]
var new = arr.filter(function (item, index, arr) {
  return item > 1
}
console.log(newArr) 

13. filter 过滤

14. every 每一个
    每一项都满足才是true

15. some
    只要满足一个条件就是true

16. find
    只能找到一项满足的条件

17. reduce 叠加
    叠加上次的结果内容

2.字符串基本操作

创建字符串：我们创建字符串也分为两种方法字面量和构造函数
字面量：
var str = 'hello'
构造函数创建：
var str = new String('hello')

charAt() 返回在指定位置的字符

charCodeAt() 返回在指定的位置的字符的 Unicode 编码

fromCharCode() 从字符编码创建一个字符串

indexOf() 检索字符串

concat() 连接字符串

substring() 提取字符串中两个指定的索引号之间的字符

split() 把字符串分割为字符串数组

3.json格式字符串

json格式：{“key”:内容随意}
转换为json格式：var obj1={“name”:“t11”}

4.模板字符串

使用`可以简单的让字符串进行换行操作

${}可以替换后台的变量

5.数字常用方法

1. toFixed()保留小数位
   返回类型是字符串
2. math

Math.random()生成一个随机数，每次生成的数字都不一样，但是一定是0 ~ 1之间的
（生成的数字包含 0 ，但是不包含 1）

Math.round()将一个小数四舍五入变成一个整数

Math.abs()返回一个数字的绝对值

Math.ceil()将一个小数向上取整得到的整数

Math.floor()将一个小数 向下取整 的到的整数

Math.max()得到几个数字之中最大的那个数字

Math.min()得到几个数字之中最小的那个数字

Math.PIπ的值

6.时间对象

1. date

new Date()在不传递参数的情况下是默认返回当前时间

new Date()在传入参数的时候，可以获取到一个你传递进去的时间

2. new Date()传递的参数有多种情况：
   传递两个数字，第一个表示年，第二个表示月份
   传递三个数字，前两个不变，第三个表示该月份的第几天，从 1 到 31

3. 常用方法：
   getFullYear()获取年份
   getMonth()获取月份
   getDate()获取日
   getDay()指定字符串当前日期是一周中的第几天(周日是 0，周六是 6)
   getHours() 获取小时
   getMinutes()获取分钟
   getSeconds()获取秒
   getTime()获取时间

7.定时器

    <script>
        <button id="btn1">清除</button>
        //倒计时
        setTimeout(function()//注册延时定时器
        {
            console.log("kerwin")
        },2000)//2000毫秒
        

        //setInterval 间隔定时器
        setInterval(function()
        {
            console.log(new Date())
        },1000)
        返回值是1,2,3..
        clearTimeout()//清除延时定时器
        clearInterval()//清除间隔定时器

        btn1.onclick=function()//通过id对添加属性
        {
            clearTimeout(time1)
        }
    </script>

8.BOM

1. 浏览器可视窗口的尺寸
   innerHeight和 innerWidth
   这两个方法分别是用来获取浏览器窗口的宽度和高度

2. 浏览器的弹出层
   alert浏览器弹出一个提示框
   confirm浏览器弹出一个询问框

3. 浏览器的地址信息
   window.location.href

4. 页面重新加载
   location.reload()重新加载一遍页面

5. 获取滚动条距离
   document.doucumentElement.scrollTop
document.body.scrollTop

6. 浏览器打开新页面
   window.open(“”)新的标签页打开一个页面
   widow.close()关掉自己的页面

7. 浏览器的历史记录
   history.back()返回 必须有历史记录才能执行
   history.forward()前进 必须有历史记录才能执行
   history.go()1表示前进一个页面，-1表示回退一个页面

8. 浏览器的本地存储
   永久存储
   .localStorage.setItem()(只能存字符串，不能存对象)
   .localStorage.getItem()
.localStorage.removeItem()
.localStorage.clear()

9. 暂时存储
   .sessionStorage.setItem()(只能存字符串，不能存对象)
   .sessionStorage.getItem()
.sessionStorage.removeItem()
.sessionStorage.clear()