数组增删改方法、日期对象简单总结

一、数组常用方法

sort方法

使用方法一、
定义一个字母数组使用sort属性可以使字母按顺序排序，代码如下：

<button onclick="myFunction()">点我排序</button>
<script>
function myFunction(){
var fruits = ["B", "O", "A", "M"];
fruits.sort();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>

使用方法二、
定义一个无序的数字,利用函数让他按升序排序 （b-a就是降序排序）

<script>
let arr = [22,11,33,55,100,23];
     arr.sort(function(a,b){
        return a-b;
     })
     console.log(arr); 
</script>

concat方法

连接两个或更多的数组，并返回拼接的结果。例:

let stu1 = ['小王','20岁','男'];
     let stu2 = ['丽丽','19岁','女'];
     let stu3 = ['小张','22岁','男'];
     let stu = stu1.concat(stu2).concat(stu3);
     console.log('stu',stu);
     
     //es6使用方法
     let newstu = [...stu1,...stu2,...stu3];
     console.log(newstu)
     

solice方法

可以对数组进行增删改

第一个参数表示，你要操作的数组元素的索引
第二个参数表示，你要从你选择的索引开始要删除的个数
第三个参数表示，你要添加的数组元素 例：

     let arr = ['张三','李四','王五']; 
     //删除李四
      arr.splice(1,1);

     //把王五改成丽丽
      arr.splice(2,1,'丽丽') 
      

unshift方法、push方法、shift方法、pop方法

分别是在数组最前添加、数组最后后添加、删除数组最前一个、删除数组最后一个 例：

   let arr = ['我是原数组'];
     function fn(fn){
        if(fn == 'zj1'){
            arr.unshift('我在前面');
            alert(arr);
        }
        if(fn == 'zj2'){
            arr.push('我在后面');
            alert(arr);
        }
        if(fn == 'del1'){
            arr.shift();
            alert(arr);
        }
        if(fn == 'del2'){
            arr.pop();
            alert(arr);
        }
     }

数组常用方法练习

练习一、

var arr=["b",'a','c','a','g','j','a','c','b'];将这组数组中的a出现的次数打印在页面中

代码如下：

 var  arr=["b",'a','c','a','g','j','a','c','b'];
    var num = 0;
    for(var i =0; i<arr.length;i++){
        if(arr[i] == 'a'){
            num++;
        }
    }
    alert('a出现的次数为：' + num);
    

练习二、

var arr=[5,4,26,9,4,8,5,14]; 将这组数组中重复的元素去重 代码如下：

var arr=[5,4,26,9,4,8,5,14]; 
    var newarr = [];
    for(var i =0;i<arr.length;i++){
        if(newarr.indexOf(arr[i])==-1){
            newarr.push(arr[i]);
        }
    }
    document.write(newarr);
    

二、Date（日期）对象

常用方法

getDate()： 返回Date对象的一个月中的每一天，其值介于1-31之间
getDay()：返回Date对象的星期中的每一天，其值介于0-6之间(注:0-周日)
getHours()： 返回Date对象的小时数，其值介于0-23之间
getMinutes(): 返回Date对象的分钟数，其值介于0-59之间
getSeconds(): 返回Date对象的秒数，其值介于0-59之间
getMonth(): 返回Date对象的月份，其值介于0-11之间(注:0-1月份)
getFullYear(): 返回Date对象的年份，其值为4位数

var date = new Date();
console.log(date); 
//如果date里面没有参数 就会返回当前系统的当前时间
//参数常用的写法 数字型 2019，12，24 或者'2019-10-1 8:8:8'
var date1 = new Date(2000,12,13);
console.log(date1); 

var date2 = new Date('2019-10-1 8:8:8');
console.log(date2); 

//格式化日期 年月日
//1.返回年份
// var date = new Date();
 document.write(date.getFullYear() + ' ');
//2.返回月份
document.write(date.getMonth() + 1 +' ');
//3.返回日
document.write(date.getDate()+ ' ');
//4.返回周几
document.write(date.getDay());