Day02 JavaScript基础

1、循环语句?

1.1 for循环?

for 循环语句的一般形式为

for(表达式1，表达式2，表达式3）{
执行语句
}

1.2 for例子（1-100的和）

let sum = 0;
for (let i = 1; i <= 100; i++) {
sum = sum + i;
 }
 console.log("1-100之间整数的和：" + sum);

2、函数?

2.1、函数的传参?

function editBody(str) { // 函数（）里面的叫形参   接受传过来的值
            // console.log(str);
            document.write(str)
        } 
        editBody('hhh')  // 调用方法里面的叫实参   实参是要传给函数的值      
        editBody('aaa')

2.2、函数的返回值?

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

2.3、内置函数?

浏览器封装好的函数  eg:alert()

var a = prompt('输入第一个数')  // 浏览器的输入框
        var b = prompt('输入第二个数')  // 浏览器的输入框
        console.log(Number(a)+Number(b));
        alert('结果是' + (Number(a)+Number(b)) );

2.4、箭头函数?

es6 新增了使用胖箭头（=>）语法定义函数表达式的能力，很大程度上，箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方，都可以使用箭头函数：

普通函数及箭头函数的对比

// 普通函数
let sum = function(a, b) {
	return a + b;
}

// 箭头函数
let sum1 = (a, b) => {
	return a + b;
}

3、方法?

3.1、Math 方法?

math是JavaScript的一个内置对象，它提供了一些数学属性和方法，可以对数字进行计算（用于Number类型）。 math和其他全局对象不同，它不是一个构造器，math的所有方法和属性都是静态的，直接使用并传入对应的参数。

let num = 11.11
        console.log(Math.floor(num));  // 向下取整 11
        console.log(Math.ceil(num));  // 向上取整  12
        console.log(Math.abs(-111));  // 绝对值    111
        // 简写
        console.log( Math.floor( Math.random()*10 ) );  // 完整写法
        let random = Math.random()*10
        let random2 = Math.floor(random)
        console.log(random2);

4、数组?

4.1、数组的创建?

• 使用new关键字创建数组

var 数组名 = new Array();
var arr = new Array(); //创建一个新的空数组

• 使用数组字面量创建数组

// 1.利用数组字面量方式创建空的数组 
var 数组名 =[];
// 2.使用数组字面量方式创建带初始值的数组
var 数组名 =['小张','小王','小赵','小李'];
// 3.数组中可以存放任意类型的数据，例如字符串，数字，布尔值等
var arrStus =['小白'，12,true,28.9];

4.2、数组的索引/下标?

通过索引添加或修改成员

// 构造函数定义一个数组
var arr = new Array('张三', '李四', '王五', '赵六')
​
// 添加成员
arr[4] = '龚七'
console.log(arr)  //张三', '李四', '王五', '赵六','龚七'
// 修改成员
arr[0] = '王老五'
console.log(arr)  //'王老五', '李四', '王五', '赵六'

4.3、数组的遍历?

4.3.1、forEach的用法?

 let arr = [1,2,3,4,5]
 arr.forEach((item,index,arr)=> console.log(item,index,arr)  )

4.4、数组的增删改查?

4.4.1、unshift头增?

var arr = ['张三', '李四', '王五', '赵六'];
var result = arr.unshift('王二',刘一)
console.log(result); // 6
console.log(arr); 
// ["王二", "刘一","张三", "李四", "王五", "赵六"]

4.4.2、push 尾增?

var arr = ['张三', '李四', '王五', '赵六'];
var result = arr.push('王二',"刘一")
console.log(result); // 6
console.log(arr); // ["张三", "李四", "王五", "赵六", "王二","刘一"]

4.4.3、shift 头删?

var arr = ['张三', '李四', '王五', '赵六'];
var result = arr.shift()
console.log(result); // 张三
console.log(arr) //  ['李四', '王五', '赵六'];

4.4.4、pop尾删?

var arr = ['张三', '李四', '王五', '赵六'];
var result = arr.pop();
console.log(result); // 赵六
console.log(arr) //["张三", "李四", "王五"]