1. 程式人生 > >常用內置對象

常用內置對象

等於 取整 哈哈哈 com sco end red 效果 是否

數組Array:

  1,數組的創建方式:

    字面量方式創建:

var colors = [‘red‘,‘color‘,‘yellow‘];

    使用構造函數方式:

var colors2 = new Array();

  2,數組的賦值:

var arr = [];
//通過下標進行一一賦值
arr[0] = 123;
arr[1] = ‘哈哈哈‘;
arr[2] = ‘嘿嘿嘿‘

  3,數組的常用方法:

技術分享圖片

  3.1 數組的合並 concat :

var name1 = [‘顧清秋‘];
        var name2 = [‘顧小白‘];
        var name = name1.concat(name2);
        console.log(name);  
//‘顧清秋,顧小白‘ console.log(typeof name) // string 合並之後是一個字符串類型的。

  3.2 join:將數組中的元素使用指定的字符串連接起來,它會形成一個新的字符串。

    var score = [60,70,80,90,100];
        var str = score.join(‘|‘);
        console.log(str); //60|70|80|90|100|

  3.3 將數組轉換成字符串 toString():

var score = [60,70,80,90,100];
        var str = score.toString();
        console.log(str); 
//60,70,80,90,100 // 將數組類型強轉換成字符串類型,默認以逗號隔開。

  3.4 slice(start,end);返回數組的一段,前開後閉。 只有在函數內部才會有效果。。

window.onload = function(){
            var name = [‘顧清秋‘,‘顧小白‘,‘sunny‘];
            var newname = name.slice(0,2);
            console.log(newname);}

  3.5 pop :移除數組的最後一個元素。

window.onload = function(){
            
var name = [‘顧清秋‘,‘顧小白‘] var newname = name.pop(); console.log(newname); //‘顧小白‘ } //默認移除最後一個元素。

  3.6 push():向數組最後添加一個元素:

window.onload = function(){

            var name = [‘顧清秋‘,‘顧小白‘,‘sunny‘];
            name.push(‘gugu‘);
            console.log(name); // ["顧清秋", "顧小白", "sunny", "gugu"]
        }

  3.7 reverse():反轉數組:

window.onload = function(){
            var name = [‘顧清秋‘,‘顧小白‘,‘sunny‘];
            name.reverse();
            console.log(name); // ["sunny", "顧小白", "顧清秋"]
        }

  3.8 sort : 排序 註意:不識別中文。

window.onload = function(){
            var name1 = [‘alex‘,‘wusir‘,‘egon‘,‘eva‘];
            name1.sort();
            console.log(name1);//["alex", "egon", "eva", "wusir"]
        }

  3.9 isArray() 判斷是否為數組。

window.onload = function(){
            var name = [‘顧清秋‘,‘顧小白‘,‘sunny‘];
            var a = Array.isArray(name);
            console.log(a); //true
        }

字符串String;

技術分享圖片

  4.1 chartAt()  返回指定索引的位置的字符

var str = ‘guqingqiu‘;
        var a = str.charAt(1);
        console.log(a); // u

  4.2 concat 返回字符串值,表示兩個或多個字符串的拼接。

var str1 = ‘gu‘;
        var str2 = ‘qing‘;
        var str3 = ‘qiu‘;
        str = str1.concat(str2,str3);
        console.log(str); //guqingqiu

  4.3 replace(a,b)  將字符串a,替換成字符串b.

var a = ‘123252729‘;
        var newstr = a.replace(‘2‘,‘0‘);
        console.log(newstr); //103252729
        // 只能替換一次,且如果是數字可以寫成number類型,它會隱形轉換成字符串類型。

  4.4 indexof()  查找字符的下標,如果找到返回字符串的下標,找不到則返回-1,和search()用法一樣。

var str = ‘guqingqiu‘;
        console.log(str.indexOf(‘q‘));
         // 2 找到就返回不在繼續尋找。
        console.log(str.search(‘q‘)); // 2  用法完全一樣

  4.5 slice(start,end)  前閉後開,分割字符串。

var str = ‘顧清秋‘;
            console.log(str.slice(1,2)); //

  4.6 split(‘a’,1) 以字符串a分割字符串,並返回新的字符串,如果第二個參數沒寫,表示返回整個數組,如果定義了一個數,則返回數組的最大長度。

var str1 = ‘qwertyutiop‘;
        newstr1 = str1.split(‘t‘,2);
        console.log(newstr1); //["qwer", "yu"]
        //後面的數字參數,是顯示幾段的意思。
        var str2 = ‘顧清秋‘;
        newstr2 = str2.split(‘清‘);
        console.log(newstr2); //["顧", "秋"]

  4.7 substring(start,end)  前閉後開

var  str =  ‘我的天呢,a是嘛,你在說什麽呢?a哈哈哈‘;
console.log(str.substr(0,4));//我的天呢

  4.8 toLowerCase()  轉小寫

var str = ‘XIAOMAGE‘;
        console.log(str.toLowerCase());//xiaomage

  4.9 toUpperCase()  轉大寫

var str = ‘xiaomage‘;
    console.log(str.toUpperCase());//XIAOMAGE

特別:

var num = 132.32522;
        var newnum = num.toFixed(2); 
        //保留幾位小數且四舍五入.
        console.log(newnum); // 132.33

5,Date日期對象:

  創建日期對象只有構造函數一種方式,使用new關鍵字。

//創建了一個date對象
var myDate = new Date();

技術分享圖片

//創建日期對象
var myDate=new Date();
        
//獲取一個月中的某一天
console.log(myDate.getDate());

//返回本地時間
console.log(myDate().toLocalString());//2018/5/27 下午10:36:23

6.Math 內置對象。

技術分享圖片

  6.1 Math.ceil() 向上取整。“天花板函數”

var x = 1.234;
//天花板函數  表示大於等於 x,並且與它最接近的整數是2
var a = Math.ceil(x);
console.log(a);//2

  6.2 Math.floor()向下取整,“地板函數”

var x = 1.234;
// 小於等於 x,並且與它最接近的整數 1
var b = Math.floor(x);
console.log(b);//1

  6.3 求兩個書的最大值和最小值

//求 兩個數的最大值 最小值
console.log(Math.max(2,5));//5
console.log(Math.min(2,5));//2

  6.4 隨機數 Math.random()

var ran = Math.random();
console.log(ran);[0,1)

    如果讓你取100-200之間的隨機數,怎麽做?

    背過公式:min - max之間的隨機數: min+Math.random()*(max-min)

常用內置對象