web day5 笔记

数组

1.定义

Let a = [‘dsad’,’dsad’,’fdsfs’]

数组从0开始

Length属性，数组的长度

2.常规操作

a[2] = ‘da’ 改数组内容

a.push(‘dsa’) 给数组后面加元素

a.unshift(‘dsada’)给数组前面加元素

a.pop()删除最后一个元素

a.shift()删除数组第一个元素

a.join(‘’)拼接

a.slice(2)从次截取后面成为一个新数组

a.splice(索引,删除个数)从第几个开始删几位

a.splice(索引,0,添加的元素)从第几个开始加元素

a.reverse()数组反转

a.concat(另一个数组)进行数组的拼接

a.sort()从小到大排列

二维数组

         a = [[1,5,8,6],[5,8,3,8]]

         数组遍历

         for i in a

        

         for i of a

         数组对象创建

         a = new Array(‘da’,’sda’)

        

函数：实现某一功能的代码的集合

         Function 函数名（参数 （形参））{

         代码块

}

函数返回值

         Return

函数表达式

         (function () {

            alert('aaaaaa')

        })()

值传递和引用传递

         值传递 

let a = 10

        let b = 20

        function change(x, y) {

            x = 30;

            y = 50;

        }

        change(a, b);

        alert(a + "--" + b)

1. b的值不会发生变化

引用传递

       let arr = [1, 3, 4, 5]

        // 引用传递

        function change2(a) {

            a.push(1000)

        }

        change2(arr)

        alert(arr)

         1000加到了后面，因为堆里发生了改变

函数作为参数

         function fn() {

            alert("这个第一个函数")

        }

        function show(fn) {

            // fn是一个函数，所以就可以直接调用

            fn()

            alert("js中函数是可以当成参数")

         传递fn是相当于将fn对应的函数地址传递过去了，也就是C语言中的指针

    show(fn()) 传递的使用fn函数的返回值，如果fn没有返回值，则传递的就是null

arguments

函数 arguments 对象是所有（非箭头）函数中都可用的局部变量, 是一个类似数组的对象。你可以使用arguments对象在函数中引用函数的（实际）参数。

常见的内置对象

箭头函数

          let fn = () => {

        alert(x)

     }

     let fn1 = function (x) {

        alert(x)

     }

     fn(1)

递归

         自身调用自身

         必须有终止条件

Math

         Math.max()求最大值

         Math.PI

         Math.e

         Math.floor()向下取整

         Math.ceil()向上取整

         Math.random()生成随机数范围0-1

         Math.abs()取绝对值

         Math.round()四舍五入

Date

new Date()获取当前时间

date.getFullyear()获取当前的年
         date.getMonth()获取当前的月（从0开始）

date.getDate()获取当前的日

date.getHours()时

date.getMinutes()分

date.getSeconds()秒

date.getDay()周几

date.getTime()时间戳

字符串

a.length 字符串长度

a.indexof()找到第一个字串

a.lastIndexof()

a.split()字符串转为数组

BOM编程

         获取对象的方法

         1.通过css选择器进行获取

         document.querySelector(‘.box’)符合css选择器的第一个元素

         document.querySelectorAll(‘.box’)返回所有css选择器的元素

        

         2.

         document.getElementById(‘.box’) 返回对拥有指定 ID 的第一个对象的引用。

         修改DOM元素的内容

         innerHTML 其中可以使用标签

    innerText 标签会当作字符串

   

    修改元素属性

    对象.属性=值

    修改元素的样式属性

        1、获取元素

        let div = document.querySelector('.box')

        对象.style.属性=''

        div.style.backgroundColor = 'green'

        添加类名   添加样式   className添加类，会删除原先的类名

        div.className = 'green'

        div.classList.add('green')

        div.classList.remove('green')

        toggle()切换   无中生有，有了就抢

        div.classList.toggle('green')