【JavaScript-内置对象】找对象,那家好,内置对象错不了,方便简单,还好用

简介: 【JavaScript-内置对象】找对象,那家好,内置对象错不了,方便简单,还好用

1.内置对象


JavaScript中的对象分为3种:自定义对象,内置对象,浏览器对象。


前面两种对象是JS基础内容,属于ECMAScript;第三个浏览器对象属于我们JS独有的,我们JSAPI讲解 内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能 (属性和方法)


内置对象最大的优点就是帮助我们快速开发 JavaScript提供了多个内置对象: Math、Date 、Array、 string等


2.什么是MDN


学习一个内置对象的使用,只要学会其常用成员的使用即可,我们可以通过查文档学习,可以通过MDN或者W3C 来查询。


Moilla开发者网络( MDN )提供了有关开放网络技术( OpenWeb )的信息,包括HTML、CSS和万维网及 HTML5应用的API。


3.如何使用对象中的方法


1.查阅该方法的功能


2.查看里面参数的意义和类型 ,返回值的意义和类型


3.通过demo进行测试


1,输入想要搜索的内容



2,点击这里可以换成中文的



4.Math是啥?


Math数学对象不是一个构造函数,所以不需要new来调用而是直接使用里面的属性和方法即可



5.封装对象


<script>
    var myMath = {
        PI: 3.14159265358979,
        max: function() {
            var max = arguments[0];
            for(var i = 1; i < arguments.length; i++){
                if(arguments[i] > max){
                    max = arguments[i];
                }
            }return max;
        },
        min: function(){
            var min = arguments[0];
            for(var i = 1; i < arguments.length;i++){
                if(arguments[i] < min){
                    min = arguments[i];
                }
            }return min;
        }
    }
    console.log(myMath.PI);
    console.log(myMath.max(1,2,3,3,6,90));
    console.log(myMath.min(12,323,34,5,6));
    </script>


6.Math绝对值和取整


<script>
    // 1.取绝对值
    console.log(Math.abs(100));// 100
    console.log(Math.abs(-100));// 100
    console.log(Math.abs('山鱼'));// NaN
    console.log(Math.abs('-100'));// 进行隐式转换,最后的结果是100
    // 2. 三个取整方法
    // Math. floor () 向下取整
    // Math. ceil () 向上取整
    // Math. round () 四舍五入版就近取整注意-3.5结果是-3,但是 .5 特殊它会往大了取
    console.log( Math. floor (2.1));// 2
    console.log( Math. ceil (2.1));// 3
    console.log( Math. round (3.4));// 4
    console.log( Math. round (3.1));// 3
    console.log( Math. round (-1.1));// -1
    console.log( Math. round (-1.5));// -1
    </script>
</head>


7.随机数


Math.random() 函数返回一个浮点数, 伪随机数在范围从0 到小于1,也就是说,从 0(包括 0)往上,但是不包括 1(排除 1),换句话说就是取值区间为[0,1),然后您可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。


<script>
    // console.log(Math.random());
    // 取俩数之间的随机整数,并且包含这俩数
    function getRandomIntInclusive(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值,含最小值
        }
        console.log(getRandomIntInclusive(10,20));
        // 利用上面的函数进行随机抽人的一个小例子
        var arr = ['刘德华','胡歌','周润发','山鱼','霍建华']
        console.log(arr[getRandomIntInclusive(0,arr.length-1)]);
    </script>


8.利用Math.random()来进行简单的猜数字


<script>
    function getRandomIntInclusive(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值,含最小值
        }
        var myrandom = getRandomIntInclusive(1,100);
        while(true){
        var num = prompt('请输入你所猜的数字');
        if(num < myrandom){
            alert('数猜小了');
        }else if(num > myrandom){
            alert('数猜大了');
        }else{
            alert('恭喜你猜对了');
        break;
            }
        }
    </script>
目录
相关文章
|
30天前
|
JavaScript 前端开发
JavaScript遍历数组和对象常用方法总结
以上代码展示了数组和对象的多种遍历方法。对于数组,使用了传统的 `for` 循环、`for...in` 和 ES6 的 `for...of` 进行遍历;对于对象,则通过 `for...in`、`Object.keys()`、`Object.values()` 和 `Object.entries()` 来获取键值对。`for...of` 循环适用于遍历具有迭代协议的数据结构,如数组、字符串等,而对象遍历则更多地依赖于 `Object` 方法来获取其属性集合。
JavaScript遍历数组和对象常用方法总结
|
1月前
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。
|
1月前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
1天前
|
JavaScript 前端开发
js之浏览器对象|28
js之浏览器对象|28
|
25天前
|
JavaScript 前端开发
JavaScript基础知识-枚举对象中的属性
关于JavaScript基础知识中如何枚举对象属性的介绍。
26 1
JavaScript基础知识-枚举对象中的属性
|
16天前
|
JavaScript 前端开发
JavaScript Boolean(布尔) 对象
Boolean(布尔)对象用于将非布尔值转换为布尔值(true 或者 false)。
29 8
|
25天前
|
JavaScript 前端开发
JavaScript基础知识-对象的基本操作
关于JavaScript对象基本操作的基础知识文章。
29 2
|
1月前
|
JavaScript 前端开发
js之DOM 文档对象模型
js之DOM 文档对象模型
17 1
js之DOM 文档对象模型
|
25天前
|
JavaScript 前端开发
JavaScript基础知识-对象字面量
文章介绍了JavaScript中对象字面量的创建和使用,包括基本语法、属性赋值以及如何在控制台输出对象属性。
26 0
JavaScript基础知识-对象字面量
|
26天前
|
JavaScript 前端开发 API
Javaweb之javascript的BOM对象的详细解析
BOM为Web开发提供了强大的API,允许开发者与浏览器进行深入的交互。合理使用BOM中的对象和方法,可以极大地增强Web应用的功能性和用户体验。需要注意的是,BOM的某些特征可能会在不同浏览器中表现不一致,因此在开发过程中需要进行仔细的测试和兼容性处理。通过掌握BOM,开发者能够制作出更丰富、更动态、更交互性的JavaWeb应用。
14 1