淺談JavaScript內置物件常見案例

一、猜數字(Math.random())

得到一個兩數之間的隨機整數 ，包括兩個數在內，如果你的隨機結果需要同時包含最小值和最大值，怎么辦呢? 這樣定義函式可以實作，

    <script>
        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        var random = getRandom(1, 10);
        while (true) {
            var number = prompt('猜數字1-10：');
            if (number > random) {
                alert('大了');
            } else if (number < random) {
                alert('小了')
            } else {
                alert('對了數字是：' + random)
                break;
            }
        }
    </script>

二、時間倒計時 (+new Date())

使用 +new Date( )回傳一個13位的當前時間的時間戳，再將用戶輸入的時間轉換成時間戳，兩者相減，就能得出剩余的時間，計算出時間差，

    <script>
        function countDown(time) {
            var nowTime = +new Date();
            var inputTime = +new Date(time);
            var times = (inputTime - nowTime) / 1000;
            var d = parseInt(times / 60 / 60 / 24);
            d = d < 10 ? '0' + d : d;
            var h = parseInt(times / 60 / 60 % 24);
            h = h < 10 ? '0' + h : h;
            var m = parseInt(times / 60 % 60);
            m = m < 10 ? '0' + m : m;
            var s = parseInt(times % 60);
            s = s < 10 ? '0' + s : s;
            return d + '天' + h + '時' + m + '分' + s + '秒';

        }
        console.log(countDown('2021-12-8 11:45:00'));
        var date = new Date();
        console.log(date);
    </script>

三、篩選陣列(push())

push( )在陣列末尾添加一個或多個陣列元素使用push（）屬性可以將符合條件的元素，追加到指定的陣列的末尾，

(1)push是可以給陣列追加新的元素
(2)push()引數直接寫陣列元素就可以了
(3)push完畢之后，回傳的結果是新陣列的長度
(4)原陣列也會發生變化

    <script>
        var arr = [1500, 1200, 2000, 2100, 1800];
        var newArray = [];
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] < 2000) {
                newArray.push(arr[i]);
            }
        }
        console.log(newArray);
    </script>

四、陣列去重(indexOf)

indexOf( )陣列中查找給定元素的第一個索引，不存在則回傳-1，以下代碼判斷如果回傳-1了，就說明沒有該元素，就會在新陣列newArr[ ]添加該元素，達到去重的目的，

    <script>
        function unique(arr) {
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                if (newArr.indexOf(arr[i]) === -1) {
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }
        var demo = unique(['c', 'a', 'z', 'a', 'x', 'a', 'x', 'b']);
        console.log(demo);
    </script>

五、回傳字符的位置

使用indexOf( )獲取第一次出現“o”的位置，再使用while回圈，輸出獲取的位置，接著每次回圈都index+1，下次回圈就會從上一次出現的位置之后繼續查找剩余'o'，直到所有的'o'回圈完成，

    <script>
        var str = 'abcoefnocnoaadno';
        var index = str.indexOf('o');
        var num = 0
        while (index !== -1) {
            console.log(index);
            num++;
            index = str.indexOf('o', index + 1);
        }
        console.log('o出現的次數是' + num);
    </script>

六、判斷字串出現最多的字符并統計次數

定義一個'o'物件保存字符和統計的次數，使用charAt() 方法從一個字串中回傳指定的字符，當i為0時，chars=’a‘,物件o[chars]沒有該字符，創建并保存o[’a‘]=1得到a：1，繼續回圈如果o物件存在'a'則o['a']++得到a：2，達到統計目的，

    <script>
        var str = 'abcdefcdscbcxzcs';
        var o = {};
        for (var i = 0; i < str.length; i++) {
            var chars = str.charAt(i);
            if (o[chars]) {
                o[chars]++;
            } else {
                o[chars] = 1;
            }
        }
        console.log(o);

        var max = 0;
        var ch = '';
        for (var k in o) {
            if (o[k] > max) {
                max = o[k];
                ch = k;
            }
        }
        console.log(max);
        console.log('最多的字符是' + ch);
    </script>