js对象创建、js数组及数组中数据的操作、js中数学对象Math及random

最新推荐文章于 2024-04-22 00:45:00 发布
最新推荐文章于 2024-04-22 00:45:00 发布
阅读量262 收藏
点赞数
分类专栏： WEB前端 文章标签： web前端 JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mk1843109092/article/details/100522162
版权

js对象

1.使用原始的方式创建内置对象
    var myObject = new Object();
    myObject.name = “lijie”;
    myObject.age = 20;
    myObject.say = function(){...}

2.直接创建自定义对象
    var 对象名 = {属性名1：属性值，属性名2：属性值2，…….}

*3.使用自定义构造函数创建对象
    function pen(name,color,price){
        //对象的name属性
        this.name = name;
        //对象的color属性
        this.color = color;
        //对象的piece属性
        this.price = price;
        //对象的say方法
        this.say = function(){};
    }

    var pen = new pen(“铅笔”,”红色”,20);
    pen.say();


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象</title>
</head>
<body>
    <script>
        // 1.通过系统内置的object() 去定义自己的对象
        var obj= new Object();
        obj.name='张三';
        obj.sex='李四';
        obj.say=function(){
            console.log('你访问说话的方法')
        }
         // 访问成员属性
        //console.log(obj.name);
        // 访问成员方法
        //obj.say();

        // 2.直接定义对象
        var Obj={
            name:'zhangsan',
            sex:'男',
            age:18,
            say:function(){
                console.log('你吃了吗');
            }
        };
        // 访问成员属性
        //console.log(Obj.name);
        // 访问成员方法
        //Obj.say()

        // 给Obj对象添加新的成员属性
        //Obj.length="180cm";
        //console.log(Obj.length)

        // 3.通过构造函数来去自定义对象
        function pen(name,sex){
            // this 代表当前的对象
            this.name=name;
            this.sex=sex;
            this.say=function(){
                console.log(this)
            }
        }
        // 实例化对象
        var zhangsan= new pen('zhangsan','男');
        console.log(zhangsan.name);
        zhangsan.say();
        // 实例化新的李四对象
        var lisi=new pen('lisi','nan');
        lisi.say();

        console.log(this);

        for(i in zhangsan){
            console.log(zhangsan[i])
        }
        console.log(zhangsan.constructor)
        var arr=['1','2','3']
        console.log(arr.constructor)
    </script>
</body>
</html>

this关键字

this单词本身就是  这个 的意思
在对象的方法中使用,代表着当前这个对象
意味着当对象调用这个方法时,方法中的this就代表着这个对象

遍历

for(var i in window){
    document.write(i+”----”+window[i]);
}
这种语句可以遍历对象中的所有属性或数组中的所有元素。

关于类型

测试类型:
1.typeof()  //global对象的其中一个方法，typeof()
2.对象.constructor; //查看当前对象的构造函数是谁

if(arr.constructor==Array){
    alert("数组"); //数组推荐用这种方法，因为typeof得到是object
}

js数组

数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。

定义数组的方法

//对象的实例创建
var aList = new Array(1,2,3);

//直接量创建
var aList2 = [1,2,3,'asd'];

操作数组中数据的方法
1、获取数组的长度：aList.length;

var aList = [1,2,3,4];
alert(aList.length); // 弹出4

2、用下标操作数组的某个数据：aList[0];

var aList = [1,2,3,4];
alert(aList[0]); // 弹出1

3、push() 和 pop() 从数组最后增加成员或删除成员

var aList = [1,2,3,4];
aList.push(5);
alert(aList); //弹出1,2,3,4,5
aList.pop();
alert(aList); // 弹出1,2,3,4

4、unshift()和 shift() 从数组前面增加成员或删除成员

var aList = [1,2,3,4];
aList.unshift(5);
alert(aList); //弹出5,1,2,3,4
aList.shift();
alert(aList); // 弹出1,2,3,4

5、splice() 在数组中增加或删除成员

var aList = [1,2,3,4];
aList.splice(2,1,7,8,9); //从第2个元素开始，删除1个元素，然后在此位置增加'7,8,9'三个元素
alert(aList); //弹出 1,2,7,8,9,4

多维数组
多维数组指的是数组的成员也是数组的数组。

var aList = [[1,2,3],['a','b','c']];

alert(aList[0][1]); //弹出2;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组</title>
</head>
<body>
<script>
    // 1.定义一个数组
    var arr= new Array(1,2,3);
    console.log(arr);
    var arr1=['1',2,4,5];
    console.log(arr1);

    // 数组操作 获取数组的长度arr.length()
    console.log(arr1.length);
    // 获取数组索引为1的元素
    console.log(arr1[1])
    // 修改arr1数组当中索引为1的元素
    arr1[1]=10;
    console.log(arr1);

    // 给数组的最后添加元素 push
    arr1.push(6,7);
    console.log(arr1);
    // 删除数组当中的最后一个元素 pop
    arr1.pop();
    arr1.pop();
    console.log(arr1)

    // 从数组的前面增加元素 unshift()
    arr1.unshift(0,1);
    console.log(arr1);
    // 从数组的前面删除一个元素 shift() 删除数组当中的第一个元素
    arr1.shift(1)
    console.log(arr1);

    // 增加或者删除数组中的元素 splice() 替换
        // 如果只有一个参数  那就是从指定个元素之后开始删除所有剩下的原素
        // 如果传了两个参数 那就是从指定个元素之后删除几个元素  第二个参数是指定删除的个数
        // 第三个参数  是用来替换删除之后的元素
        // 第三个参数之后的所有参数都是用来替换删除的元素的
    arr1.splice(1,2,9,19,11,12);
    console.log(arr1)

    // 多维数组
    var arr2=[1,2,3,['1','2'],['a','b','c']]
    console.log(arr2[3][0])


</script>
</body>
</html>

js数学对象Math

//四舍五入
var res = Math.round(5.921);

//获取最大值
var res = Math.max(10,23,523,43,65,46,32,32);

//获取最小值
var res = Math.min(12312,324,32,42,3,23,412,4332,21,3,-1);

//获取绝对值
var res = Math.abs(-100);

//退一取整
var res = Math.floor(1.9);

//进一取整
var res = Math.ceil(1.1);

//幂运算 用来获取x的y次方 2的3次方
var res = Math.pow(2,3);

//开方运算 返回一个数的平方根
var res = Math.sqrt(9);

random() 返回 0 ~ 1 之间的随机数。

random 返回 0 ~ 1 之间的随机数。

random 获取一个随机数 返回0-1之间的随机小数 有可能到0 ,但是不会取到1

//封装函数() 
function rand(m,n){
    return Math.floor(Math.random()*(n-m+1))+m;
}
var res = rand(20,30);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机数</title>
</head>
<body>
<script>
    // 取0-1之间的随机数  但是永远取不到0
    var res=Math.random();
    console.log(res);

    // 取0-10之间的随机数
    var res1=Math.random()*10;
    // 取0-10之间的随机整数
    var res2=Math.floor(Math.random()*11);
    console.log(res2);
    // 取指数之间的随机整数 10-20
   // (10-5+1)  (10-5)
    var res3=Math.floor(Math.random()*6)+5;
    console.log(res3);

    function rund(m,n){
        return Math.floor(Math.random()*(n-m+1))+(n-m)
    }
    var res4=rund(10,20);
    console.log(res4);
</script>
</body>
</html>
Chains-X ♔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 内置对象及常见API详细介绍
10-21
5. **其他内置对象**：如Math对象提供了数学常量和函数，比如`Math.random()`生成随机数，`Math.PI`表示圆周率。RegExp对象用于正则表达式匹配，String对象则提供了针对字符串的各种操作方法，如`substring()`、`...
JS求Number类型数组中最大元素方法
10-18
对于Math对象，它包含了一系列数学常量和函数，比如`Math.PI`（圆周率）、`Math.random()`（随机数生成）以及各种数学运算函数，如`Math.max()`、`Math.min()`、`Math.pow()`（求幂）等。Math对象的函数通常不会改变...
JS数组中（Array）随机选出一项或者几项
青颜的天空的博客
05-07 6834
js 数组我们经常在开发中使用，那么，我们如何快速的随机选择其中一项呢？
js数组乱序
weixin_45950826的博客
04-01 100
使用Math.random随机获取下标 let arr = [1,2,3,4] function fn(arr) { for(let i=arr.length-1; i>=0; i--){ let j = Math.floor(Math.random()*(i+1)) let temp = arr[j] ...
JS 创建数组 （ 6种方法 ）
最新发布
大剑师兰特的GIS世界
04-22 1724
JS创建数组可通过字面量、构造函数Array()、Array.of()、Spread运算符、Array.from()等方式，例如：let arr = [1, 2, 3]、let arr = new Array(3)、let arr = Array.of(1, 2, 3)、let arr = [...'abc']、let arr = Array.from({length: 3}, (_, i) => i+1)。
学习使用js的 random() 方法生成随机数
徊忆羽菲
12-30 2899
学习使用js的 random方法生成随机数 <!DOCTYPE html> <html> <body> <p>单击该按钮可显示 1 到 100 之间的随机数。</p> <button onclick="myFunction()">试一试</button> <p id="demo"></p> <script> function myFunction() { var x = doc
【自学javascript】如何用javascript产生随机数？（Math内置对象random函数的应用）
qq_51843898的博客
01-20 958
在javascript中有许许多多的对象。有自定义对象、内置对象和浏览器对象。其中内置对象就是javascript中自带的对象，我们可以在使用过程中直接调用这个对象中的属性以及方法。javascript中常用的内置对象有Math对象，Date对象等等。想要具体某个内置对象的使用方式可以查阅MDN文档：https://developer.mozilla.org/zh-CN/今天介绍的是Math对象中生成随机数的方法。
Javascript Math对象和自定义对象
litengbin的博客
01-17 1280
Math是JavaScript的工具对象，用于常见的数学运算 自然对数和圆周率 属性E PI，分别表示自然对数和圆周率PI document.write(Math.E); document.write(""); document.write(Math.PI); 绝对值 方法 abs 取绝对值 document.write(Math.abs(-1)); 最小最大
JS 数组随机洗牌的实例代码
10-18
在JavaScript中，数组随机洗牌是一种常见的操作，特别是在游戏开发、数据模拟或者任何需要随机顺序处理数组元素的场景。本文将详细讲解如何实现这个功能，并提供一个实例代码。 首先，我们要明白“洗牌”的概念。在...
JS生成随机打乱数组的方法示例
10-18
- 《JavaScript数组操作技巧总结》：学习数组的创建、遍历、修改等各种操作。 - 《JavaScript排序算法总结》：了解多种排序算法的实现，如冒泡排序、快速排序等。 - 《JavaScript遍历算法与技巧总结》：掌握不同类型...
js随机数获取图片并展示在DIV标签中demo
10-23
首先，Math内置对象在JavaScript中提供了多种数学函数，其中包括用于生成随机数的`Math.random()`方法。这个方法返回一个介于0（包括）到1（不包括）之间的浮点数。为了生成一个指定范围内的整数随机数，我们可以...
JavaScript内置对象 之 Math对象
qq_55031668的博客
10-25 306
Math对象 Math是一个内置对象，它具有数学常数和函数的属性和方法。它不是一个函数对象。 ​ 描述：Math不是一个构造函数，所以我们不需要new来调用，而是直接使用里面的属性和方法。 console.log(Math.PI); //一个属性 圆周率 //一个方法：Math.max(): console.log(Math.max(1,21,32,43,9)); //43 求最大值 console.log(Math.max(1,2,"a"));
创建一个数组，数组中有三个对象
Tomsheng321的专栏
02-03 7156
创建一个json格式数组，数组中有三个对象 var ps = [ { id:1, name:'哈哈' }, { id:2, name:'呵呵' }, { id:3, name:'嘻嘻' } ]; document.write("共有" + ps.length +
js实现以最简单的方式将数组元素添加到对象中的方法
热门推荐
evilcry2013的博客
03-28 1万+
js实现以最简单的方式将数组元素添加到对象中的方法 转载  2017-12-20   作者：冯义军    我要评论 下面小编就为大家分享一篇js实现以最简单的方式将数组元素添加到对象中的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 如下所示： ? 1 2 3 4
利用JavaScript写一个打地鼠游戏，功能需求如下：1.地洞和地鼠已被提供图片素材；2.倒计时功能；3. 随机刷新老鼠功能；4.击打老鼠功能；5.击打老鼠时更换图片效果；6.老鼠被打时停留时间 ；7.实现扣分效果 ；8.功能按钮的锁定等等；9.目的是学会JS代码中各种函数的用法及基本语法和流程控制； 10.了解JS中内置对象的使用；11.事件函数的调用，通过使用内置对象完成特殊功能的实现例如：数学对象Math，日期对象Date，字符串对象 String 数组对象Array窗口对象 window 文档对象 document等
06-13
var index = Math.floor(Math.random() * 6); // 显示地鼠 showMole(index); // 地鼠停留时间为1秒 setTimeout(function() { hideMole(index); }, 1000); }, 1000); } // 显示指定地洞的地鼠 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值