51-75

五十一、数组常用方法

push pop unshift splice reverse sort

        var a = [1,2,3]
        a.push(4)

        var a = [32,44,1,56,3]
        a.sort(function(a,b){
            return a-b
        })
        console.log(a)

利用sort排序

五十二、数组常用方法-2

不影响原数组的方法

concat拼接

join改变数组间的符号

slice截取

        var arr2 = arr.slice(0,2)  截取第一到第三个数据（包前不包后）
        var arr2 = arr.slice(2)  截取第三到最后一个数据

indexof 查找数据在第几个

        var arr = [1,2,3,4,5,1]
        var b = arr.indexOf(1,2)
        console.log(b)
        查找第二个1在什么位置

五十三、数组去重

        var arr = [1,2,3,4,5,1,2,4,5,6,3,5,6,3,4]
        var empty = []
        for(var i = 0;i<arr.length;i++){
            if(empty.indexOf(arr[i])==-1){
                empty.push(arr[i])
            }
        }
        console.log(empty)

五十四、数组常用方法-3

foreach 遍历

map映射

求平方

filter 过滤

筛选出大于200的

        var arr = [{
            name: "aaa",
            price: 100
        }, {
            name: "bbb",
            price: 200
        }]
        var c = arr.filter(function (d) {
            return d.price > 150
        })
        console.log(c)

every 每一个

只有每一个都满足条件才会输出true

some 只要一个满足条件就true

reduce 叠加

五十五、字符串的基本操作

五十六、案例，统计字符出现次数

        var str = "adascdvesac"
        var obj = {}
        for (var i = 0; i < str.length; i++) {
            console.log(str[i])
            var key = str[i]
            if (obj[key] == undefined) {
                obj[key] = 1
            } else {
                obj[key]++
            }
        }
        console.log(obj)

五十七、字符串常用方法

charAt 索引

toUpperCase toLowerCase 转换字符大小写

截取substr substring slice

通过截取和大小写的联用实现首字母大写

replace 替换

split 分割

五十八、案例，模糊查询

        var arr = ["abc", "acc", "bcc", 'ccc', 'abb']
        var input = prompt("请输入")
        var res = arr.filter(function (item) {
            return item.indexOf(input) > -1
        })
        alert(res)

五十九、json格式字符串

        var str = '{ "name" : "kerwin" , "age" : 100} '
        console.log(str) → 字符串
        var obj = JSON.parse(str)
        console.log(obj) → 对象

六十、模板字符串

`符号 用于折行

六十一、数字常用方法

toFixed 保留几位小数

返回为字符串类型


通过-0改变数据类型

random 0-1之间随机数

var a = Math.random()
var b = a.toFixed(2)-0
var c = b*100
console.log(c)

round 四舍五入取整

ceil floor 向上向下取整

abs绝对值 sqrt平方根

pow（底数，指数）

max （a,b,c,d）中的最大参数【min】

PI π

六十二、案例-随机整数

六十三、时间对象date

console.log(new Date())

console.log(new Date(2023,1,1,1,1,1)) → 2023年二月一日一时一分一秒

六十四，时间对象常用方法

getfullyear

getTime 时间戳

距1970年1月1日0点的毫秒数

六十五、定时器

        setTimeout(function(){
            console.log("bbb")
        },2000)

每隔一秒钟输出时间

    <button id="b">清除</button>
    <script>
        var a = setInterval(function(){
            console.log(new Date())
        },1500)
        console.log(a)
        b.onclick = function(){
            clearInterval(a)
        }
    </script>

六十六、案例-倒计时

六十七、初始bom

六十八、浏览器可视窗口的尺寸

六十九、浏览器的弹出层

confirm询问框

七十、浏览器地址栏

七十一、浏览器的常见事件

onload

当script标签写在head里时用

resize

onscroll 滚动

七十二、浏览器滚动距离

        window.onscroll = function(){
            console.log(document.documentElement.scrollTop || document.body.scrollTop)
        }
        if ((document.documentElement.scrollTop || document.body.scrollTop) > 100) {
            console.log("显示")
        }

七十三、浏览器打开标签页

window.open

七十四、浏览器的历史记录

history.back回退

history.forward 前进

七十五、浏览器本地存储

只能存字符串

        a.onclick = function(){
            localStorage.setItem("age",18) 存数据
        }

        a.onclick = function(){
            localStorage.getItem("age") 取数据
        }

        a.onclick = function(){
            localStorage.removeItem("age") 删数据
        }

        a.onclick = function(){
            localStorage.clear() 清空数据
        }

如果要存对象：