JS数组、函数、对象、API

1.字面量数组

1.1.声明

var arr2 = [1, 3, 4];

1.2.获取

var arr = [‘red’, ‘green’, ‘blue’];
arr[0]; // red

2.函数

2.1.声明

function 函数名(){
// 函数体
}

2.2.调用

函数名();

2.3.

js中函数名唯一性，没有方法重载

4.函数中使用var声明的变量是局部变量，没用var声明的是全局变量 （函数需要被调用）

2.4.预加载

预解析 会把变量和函数的声明提前,放到代码的最前面。但是变量的， = 赋值操作不会提前,必须执行到这一行才会赋值
//变量和函数同名的时候,变量就不会进行预解析。变量声明之后,就无法使用该函数了,因为变量的值把函数覆盖

2.5.函数参数

arguments是函数中的一个内置对象,保存着传递的所有参数的值
本质就是数组,操作和数组一样
function m1(a,b){
console.log(arguments);
for (let i in arguments) {
console.log(arguments[i]);
}
m1(1,2,3);
//多个参数也是可以的，就是数组随便加呗！
}

2.6.匿名函数

(function (){
console.log(2);
})();
第一个括号是没有取名字的函数对象，第二个括号是方法的调用

把匿名函数当成一个最大的作用域,所有的代码都放到里面,可以解决命名冲突问题
(function(){
var i = 1;
function m1(){
console.log(1113123);
}
m1();
})();
console.log(i);

2.7.闭包

可以操作函数中的局部变量，相当于java中的getter/setter方法

function m1() {
            var i = 10;
            function m2() {
                console.log(i);
            }
            return m2;
        }

        var m = m1();
        m();

m2需要i ，把m2放到m1中，外部需要用到m2,return m2 返回出去

3.对象

3.1.四种创建对象的方式

1.字面量 （属性值用：代码用，隔开）

var p={
	name: 'jt',
 	age: 18,

	toString:function(){
	console.log();
	}
}

2.自定义构造函数

function Pp(name,age){
	this.name=name;
	this.age=age;
	this.toString=function(){
	console.log();
	}
}

3.new Object()创建对象

var p =new Object();
p.name='lisa';
p.age='18';
p.toSting=function(){
console.log();
}

4.工厂创建对象 （方法传参，方法体中new对象）

function creatP（name，age）{
	var p =new Object();
	p.name='lisa';
	p.age='18';
	p.toSting=function(){
	console.log();
	}
}

3.2.对象的调用

// 获取
console.log(person.name);
console.log(person[‘name’]);
// 添加
person.sex=‘男’;
person[‘addr’]=‘石家庄’;
// 更改
person.age=20;
person[‘age’]=11;
// 删除
delete person.age;
// 遍历
for (key in person) {
// key 是属性 , 字符串类型
console.log(person[key]);
}

4. JavaScript 错误

和java类似，try{}catch{}finally{}
trow语句：创建或抛出异常（exception） throw exception

5.Math方法API

        console.log(Math);
        // 保留两位小数
        console.log(3.1415926.toFixed(2));
        // 随机数 大于等于0 且小于1
        console.log(Math.random() );
        // 向下取整
        console.log(Math.floor(2.9));
        // 向上取整
        console.log(Math.ceil(2.2));
        // 四舍五入
        console.log(Math.round(6.51));
        console.log(Math.round(3.5));
        // 最大值
        console.log(Math.max(1,2,4,5,7,11,23));
        // 最小值
        console.log(Math.min(1,2,0.2,22));
        // 几次幂  3的2次方
        console.log(Math.pow(3,2));
        // 开平方
        console.log(Math.sqrt(4));

        function getRandom(min,max){
          return  Math.floor(Math.random()*(max-min+1)+min);
        }
        console.log(getRandom(21,55));

6.Data

 // 创建时间对象
        var date = new Date();
        // Wed Aug 11 2021 15:18:53 GMT+0800 (中国标准时间)
        console.log(date);
        // 1628666364026 获取时间原点到当前时间的毫秒数
        console.log(date.valueOf());
        console.log(date.getTime());
        // 年
        console.log(date.getFullYear());
        // 月从0开始,需要+1
        console.log(date.getMonth()+1);
        // 日
        console.log(date.getDate());
        // 星期 0 是周日,1是周一
        console.log(date.getDay());
        // 时
        console.log(date.getHours());
        // 分
        console.log(date.getMinutes());
        // 秒
        console.log(date.getSeconds());

7.Array

   <script>
        // 字面量
        var arr1 = [1,2,34];
        // new
        var arr2 = new Array(2,5,1);
        // 判断是否是数组 instanceof 或 isArray
        console.log(arr1 instanceof Array);
        console.log(Array.isArray(arr2));

        // push 尾部追加
        arr1.push(1);
        // 尾部删除
        arr1.pop();

        // 头部追加
        arr1.unshift(2);
        // 头部删除
        arr1.shift();

        arr1 = [1,2,3,4];
        // 反转
        arr1.reverse();
        console.log(arr1);

        arr1 = [1,12,11,2];
        // 排序,只会按照ASCII码进行比较
        // 1,11,12,2
        arr1.sort();
        // 12,11,2,1
        arr1.sort(function(a,b){
            // a-b 升序 , b-a 降序
            return b-a;
        });
        // 箭头函数写法
        // 1,2,11,12
        arr1.sort((a,b)=> a-b);
        console.log(arr1);

        // 第一个参数是数据,第二个参数是索引
        arr1.forEach(function(item,index){
            console.log(item,index);
        });
        arr1.forEach((item,index)=>console.log(item,index));

        // filter : 过滤,不符合条件的就不要了
        // 只要偶数
        var arr3 = arr1.filter(function(item,index){
            if(item % 2 == 0){
                return true;
            }else{
                return false;
            }
        });
        console.log(arr3);
        var arr4 = arr1.filter( item=> item%2==1 ? true : false );
        console.log(arr4);

        // map : 更改数组
        var arr = [1,2,3,4,5,6];
        // 数组中 奇数 +10 偶数 +5
       var arr5 = arr.map(function(item){
            if(item % 2 == 0){
                return item+5;
            }else{
                return item+10;
            }
        });
        console.log(arr5);

        var arr6 = arr.map(item=> item % 2 == 0 ? item+5 : item+10 );
        console.log(arr6);

        var arr = [1,2,3,4,5,6,7,8,9];
        // 获取对应数据的索引,找不到返回-1
        console.log(arr.indexOf(21));
        // 获取最后一次出现的索引,找不到返回-1
        console.log(arr.lastIndexOf(3));

        // 数组转字符串
        console.log(arr.join('-'));
        var arr1 = [1,2,3];
        var arr2 = [11,12,13];
        var arr3 = arr1.concat(arr2);
        console.log(arr3);

        // 删除,并返回要删除的数据
        var arr = [1,2,3,4,5];
        arr.splice(2,1);
        console.log(arr);

        arr = [];
    </script>