学习JavaScript的di2天

1、变量之间的交换

案例：

        let name1 = '张三';  
        let name2 = '李四';
        let temp;           //定义一个新的变量temp

        temp = name1;       //把name1的值赋给temp
        name1 = name2;      //把name2的值赋给name1
        name2 = temp;       //再把temp的值赋给name2
        console.log(name1);
        console.log(name2);

两个变量交换值，我们可以引入第三个变量，让变量temp当做桥梁，中间过渡一下，就可以交换name1和name2的值。

2、for循环

for循环的写法如下：

for (let index = 0; index < array.length; index++) {
             console.log(index);
            
        }

for循环的执行步骤为①定义变量：index=0；②判断条件是否符合：index<11;③如果符合条件，则执行{ }里的语句;④自增：index++；

3、函数

函数中的str代表形参，而最下面调用函数里的叫实参，实参可以传给形参，进行函数的调用

function editBody(str) { // 函数（）里面的叫形参   接受传过来的值
            // console.log(str);
            document.write(str)
        } 
        editBody('涛哥今天很帅')  // 调用方法里面的叫实参   实参是要传给函数的值      
        editBody('王一博每天都很帅')

 结果为：

函数也可以传多个参数

function add(num1,num2) {
            console.log(num1 * num2);  
        }
        add(5,6);

还有一种情况是不传实参

function add(num) {
            console.log(num);
            console.log(num * 5 );  //  undefined 和 数字类型计算 就会变成 NaN
        }
        add()

注意：不传实参的话，num的数据类型是undefined，undefined和数字型计算，控制台输出的是NaN

这里提到数据类型，注意隐式转换

console.log('5' * 6);

如果遇到乘除法 会把字符串自动变成 数值类型  如果 + 会都变成字符串

4、函数的返回值

 function add(num1,num2) {
            return num1*num2   // return 后面跟要返回的值 如果不写return 拿到的是 undefined
                                                            
        }
        const res = add(5,6)  // 记得外面要用变量接收 
        const res1 = add(8,9)  // 记得外面要用变量接收 
        console.log(res,res1);

注意：return 后面跟要返回的值  如果不写return 拿到的是 undefined

           函数体外面记得要用变量res接收

5、内置函数

不需要我们自己定义 浏览器内部封装好了的称为内置函数

        var a = prompt('输入第一个数')  // 浏览器的输入框
        var b = prompt('输入第二个数')  // 浏览器的输入框
        console.log(Number(a)+Number(b));
        alert('两数之和为：' + (Number(a)+Number(b)) );// 浏览器的提示框

 6、定义对象

格式：声明 变量名 {

            属性名：属性值   键：值  键值对

         }

let obj = {
            name :'啊强',
            age : 22 ,
            address: '河北保定',
            hobby: function(){
                console.log('我爱读书');
            }
        }

如果需要更改对象中的某个值，则可以使用obj.属性名的形式进行更改

把obj中的name更改为强哥

obj.name ='强哥'

7、typeof的使用

typeof是用来输出变量的类型的

        let num = 41545
        let str ='4444'
        let obj = {}
        let falg = null  // 空对象
        console.log(typeof num);
        console.log(typeof str);
        console.log(typeof obj);
        console.log(typeof falg);
        console.log(typeof 444);

输出结果为：

8、Math的用法

        let num = 11.11
        console.log(Math.floor(num));  // 向下取整
        console.log(Math.ceil(num));  // 向上取整
        console.log(Math.abs(-111));  // 绝对值

 Math.floor()是向下取整，11.11向下取整是11

Math.ceil()是向上取整，11.11向上取整是12

Math.abs()是曲风绝对值，-111的绝对值是111

注：向上、向下取整不是四舍五入，而是舍去小数位

案例：得到一个0-10的整数

        let random = Math.random()*10  //生成一个0~10之间的随机数
        let random2 = Math.floor(random)  //向下取整
        console.log(random2);

最后得到的就是一个0~10的整数

还有一种简单写法：

console.log( Math.floor( Math.random()*10 ) );

9、数组

（1）数组的定义格式：  声明 变量名 = [值,值]

let arr1 = [1,2,3,4,5] //定义一个数组arr1

        数组的下标是从0开始的，假如想在控制台打出3，则应该这样写

console.log(arr1[2]);

        还有一种情况，就是取数组最后一位，则应该这样写：

        let a = arr2[arr2.length-1]
        console.log(a);

        length表示数组的长度，可以用数组的长度length减1得到

（2）数组中的元素进行添加、删除

往数组末尾添加一个元素

    arr1.push(6)

往数组开头添加一个元素

     arr.unshift(0)

删除数组末尾的元素

    arr.pop()

删除数组开头的元素

    arr.shift()

10、箭头函数

箭头函数的格式为 声明  变量名 =()=>{ }

        let fn1 = () => { 
            console.log('强哥强哥 我最强！');  
        }

简写形式：

let qiang = () =>  console.log('强哥强哥 我最强！'); 

11、forEach()的使用

forEach() 方法对数组的每个元素执行一次给定的函数。

        let arr = [1,2,3,4,5]
        // forEach(函数(每一项,下标/索引))
        arr.forEach((item,index,arr)=>{
            console.log(item,index,arr);
        })

        输出结果为：

 也可以简写，就是使用箭头函数进行简写

arr.forEach((item,index,arr)=> console.log(item,index,arr)  );

12、课后小作业

（1）使用for循环，输出1~100的和

        function sum() {             //定义函数sum()
            let sum1 = 0;            //定义一个存放和的变量
            for (let index = 1; index <= 100; index++) {   
                sum1 +=index;        //使用for循环进行求和
            }
            console.log(sum1);  
        }
        sum();                       //调用函数sum()

控制台输出：

（2）给数组中每个数都乘5

        let array = [1,2,3,4,5];
        let num = 5;
        
        for (let index = 0; index < array.length; index++) {  
             console.log(array[index] * num);              
        }     

输出结果：