Web前端-JS-day06-Date/String/Array对象

1.Date对象

1.1Date对象方法

 * 1.Date.now()  返回自1970年1月1日0时到当前时间的毫秒数。
 * 2.Date.getFullYear() 返回年份
* 3.Date.getMonth()  返回月份   +1 才是当前月份(从0开始)
* 4.Date.getDate()  返回一个月的第几天
* 5.Date.getHours()  返回小时
* 6.Date.getMinutes() 返回分钟
* 7.Date.getSeconds() 返回秒数
* 8.Date.toDateString() //英文
* 9.Date.toLocaleDateString()   //默认中文样式
* 10.Date.toTimeString()//英文
* 11.Date.toLocaleTimeString()  //默认中文样式

1.2Date对象案例

//格式化日期
function getDate(d){
    //年份
    var year = d.getFullYear();
    //月份
    var month = d.getMonth()+1;
    month = month<1?"0"+month:month;
    //天数
    var day = d.getDate();
    day = day<10?"0"+day:day;
    //小时
    var h = d.getHours();
    h = h<10?"0"+h:h;
    //分钟
    var min = d.getMinutes();
    min = min<10?"0"+min:min;
    //秒数
    var s = d.getSeconds();
    s = s<10?"0"+s:s;
     console.log(year+"年"+month+"月"+day+"日"+" "+h+":"+min+":"+s);
}

1.3生成16进制随机颜色

function createRandomColor(){
    var arr = [0,1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f"];
    var color = "#";
    for(var i=0;i<6;i++){
        var index = Math.floor((Math.random()*16));
        color+= arr[index];
    }
    return color;
}

2.String对象

string.length  返回字符串的长度
string是基本类型
String是引用类型
字符串就有不可复制性的特点。

例如:var str1 = "你好呀";
str1 = "123449ewreewr";
//看起来,是字符串改变了。实际上,创建了2个对象,变量指向对象的地址发生了改变,而字符串未发生改变。

2.1String对象方法

* 1.String.charAt(index);//返回指定字符
* 2.String.concat(string1,string2,.....stringN);//和原字符拼接字符串
* 3.String.indexOf();//查找搜索字符串在字符串中的位置
* 4.String.lastIndexOf();//从字符串后面开始查找,但是返回的位置是从前面开始的
* 5.String.slice(begin,end);//截取字符串,开始字符位置,结束字符位置
* 6.String.split(separator);//根据分隔符,分割为字符串数组
* 7.String.substr(start,length); //依据指定位置、长度,返回字符串
* 8.String.substing(start,end);//依据开始、结束位置,返回字符串
* 9.String.toLowerCase();//转小写
* 10.String.toUpperCase();//转大写
* 11.String.trim();  //字符串两端删除空白字符串

2.2String对象案例

*  1.查找某一个字符在这个字符串中的位置(有可能不止一个)
   // 1.查找某一个字符在这个字符串中的位置(有可能不止一个)
    // 例如查找字符"o"
    var str ="I love You,You Know That?Sorry,I Don't Konw";
    function countChar(str,key) {
        var index = 0;
        var arr = [];
        while ((index=str.indexOf(key,index))!=-1){
            arr.push(index);
            index = index+key.length;
        }
        for(var i=0;i<arr.length;i++){
            console.log(arr[i]);
        }
    }
    countChar(str,"o");
*  2.找到这个字符串每个字符出现了多少次
 //2.找到这个字符串每个字符出现了多少次
    function sumChar(str) {
        var obj = {};
        var key;
        for(var i=0;i<str.length;i++){
            key = str[i];
            if(obj[key]){
                obj[key]++;
            }else{
                obj[key] = 1;
            }
        }
        for(var key in obj){
            console.log(key+"出现的次数:"+obj[key]);
        }
    }
    sumChar(str);

3.Array对象

3.1判断变量是不是数组类型(两种方式)

* 1. 变量  instanceof Array
* 2.数组的Array.isArray(变量);  //其中Array.isArray()是静态方法

3.2属性

* 1.length   //可用于返回或设置数组的元素个数

3.3方法

* 1.Array.from(arrayLike);//最常用的是返回一个新的数组实例,用的不是很多
* 2.Array.concat();//合并数组,生成一个新数组
* 3.Array.every(callback);//里面可写入函数,函数堆数组中的每个元素进行测试。回调函数被调用时,传入三个值,元素值、元素索引、原数组(一般不用)。
返回值是true/false
例如:Array.every(function(element,index){
    return (element>=10);//意思是,数组内的元素都大于等于10,才会返回true
});
* 4.Array.filter(callback);   //创建一个新数组,里面包含通过函数测试的所有元素。
* 5.Array.forEach(callback);//对数组中的每个元素,执行函数。
* 6.Array.includes();//判断是否包含传入值
* 7.Array.indexOf();//返回传入值在数组中的第一个索引
* 8.Array.join();//用传入的分隔符,连接数组元素
* 9.Array.map(callback);//创建一个新数组,结果是每个元素调用函数后的结果
* 10.Array.pop();//删除最后一个元素,并返回
* 11.Array.push();//将传入值插入到数组最后
* 12.Array.shift();//删除第一个元素
* 13.Array.unshift();//将传入值,插入到数组最前面
* 14.Array.reverse();//数组反转
* 15.Array.slice(start,end);//截取数组,包括开始,不包括结束。浅拷贝
* 16.Array.sort();//排序,可使用callback函数,自定义排序规则
* 17.Array.splice();//通过删除、添加、替换来修改数组

4.基本包装类型

* 1.普通变量不能直接调用属性或方法
* 2.对象可以直接调用属性和方法
* 3.基本包装类型:本身是基本类型,但是在执行代码的过程中,如果这种类型的变量调用了属性或是方法,那么这种类型就不再是基本类型了,而是基本包装类型。这个变量也不再是普通变量,而是基本包装类型对象。
* 4.特别注意:如果是一个对象&&true,那么对象是true;如果一个true&&对象,结果是对象

5.学习经验

*  ctrl+鼠标左键 -- 转到定义--适合没有网络,自己写代码,看结果,总结
* MDN--在线文档,查结果  ----初级学习
* 百度----一定要多查---对比的看
* 谷歌---百度没有的,去谷歌---多对比

猜你喜欢

转载自www.cnblogs.com/xuzhengguo/p/9976024.html