JavaScript-内置对象-笔记

这篇具有很好参考价值的文章主要介绍了JavaScript-内置对象-笔记。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.Math对象
Math对象: 用于进行数字处理
自带的对象 不是构造函数---不需要new
属性: Math.PI ----- 圆周率
方法:
Math.floor(数字) ----- 向下取整 (只要整数位)
Math.ceil(数字) ---- 向上取整(不管小数位是几,直接进一)
Math.round(数字) ---- 四舍五入取整
Math.abs(数字) ---- 绝对值
Math.max(数字1,数字2...) ---- 求最大值
Math.min(数字1,数字2...) ---- 求最小值
Math.random() ----- 生成0-1之间的随机数 0可以取到 1不行
生成 a-b之间的随机整数 包含ab 的公式 Math.round(Math.random() * (b-a)) + a


console.log(Math.PI); // 3.141592653589793
// 假设圆的半径是 2 输出周长: 2*半径*Π
console.log( 2*2*Math.PI );
console.log( Math.floor(3.94) ); // 3
console.log( Math.ceil(3.14) ); // 4
console.log( Math.round(3.14) ); // 3
console.log( Math.round(3.94) ); // 4
// 绝对值: 4----4 -5 ----- 5
console.log( Math.abs(4) );
console.log( Math.abs(-5) );
// 最大值
console.log( Math.max(20,5,78,14) ); // 78
var arr1 = [20,5,78,14]
console.log( Math.max(...arr1) ); // ... 可以将数组中的数字都拿出来 max()只能放数字
console.log( Math.min(3,5) ); // 3
console.log( Math.min( ...arr1 ) ); // 5
console.log( Math.random() ); // [0,1) 0-1之间 可以取到0 不能取到1
// 生成 0-5之间的随机整数
console.log( Math.round( Math.random()*5 ) ); // [0,5]
// 生成 2-7之间的随机整数 包含2 包含7 0-5 + 2 = 2-7
console.log( Math.round(Math.random() * 5) + 2);
// 生成 a-b之间的随机整数 包含ab 公式 Math.round(Math.random() * (b-a) ) + a
 // 生成 3-16之间的随机整数
console.log( Math.round( Math.random()*(16-3) + 3) );


2.Date对象
Date 对象 : 用于处理时间和日期
是构造函数 必须先 new 再使用
var 变量 = new Date() ------- 获取的是此时此刻的日期和时间
var 变量 = new Date('年/月/日 时:分:秒')
年月日之间可以使用 / , -
年月日 ----- 年月日 时分秒 ----- 年月日 时分
日期对象的方法:
获取年 : 日期对象.getFullYear() ---- 输出4位的年
获取月 : 日期对象.getMonth() ---- 0-11 需要加一
获取日 : 日期对象.getDate()
获取周几 : 日期对象.getDay() 1-7之间的数字
获取小时 : 日期对象.getHours() 0-60
获取分钟 : 日期对象.getMinutes() 0-60
获取秒 : 日期对象.getSeconds() 0-60

3.日期对象案例--补零操作
// 在页面中输出时间 格式是 2023年09月08日 08:08:08
// 获取日期对象
 var a = new Date('2023/9/8 8:8:8')
console.log(a); // 显示的时候时完整的日期信息 并且是8 不是08
// 单独获取 年月日 时分秒
var year = a.getFullYear()
var month = a.getMonth()+1
var date = a.getDate()
var hh = a.getHours()
var mm = a.getMinutes()
var ss = a.getSeconds()
// 进行补零操作 重新赋值: 如果小于10,前边拼接上0  否则还是自己
month = month<10 ? '0'+month : month
date = date<10 ? '0'+date : date
hh = hh<10 ? '0'+hh : hh
mm = mm<10 ? '0'+mm : mm
ss = ss<10 ? '0'+ss : ss
document.write(`${year}年${month}月${date}日 ${hh}:${mm}:${ss} `)


4.时间戳
时间戳:距离1970年1月1日 的毫秒数 1秒 = 1000毫秒
获取时间戳几种办法:
日期对象.valueOf()
日期对象.getTime()
+日期对象

5.数组对象的删除和排序
1)数组的删除 
数组.splice(下标,个数) : 从指定下标开始,删除几个元素
var arr = [67, 4, 56, 3, 7]
// 删除下标为2 的元素
arr.splice(2, 1)
console.log(arr);

2)数组的排序
数组.sort(function(a,b){
            return a-b
})
return a-b 从小到大
return b-a 从大到小
var arr1 = [67, 4, 4, 56, 4, 3, 4, 7]
arr1.sort(function(a,b){
         return a-b
})
console.log(arr1);


6.String 对象
创建字符串的三种方式
// 1、字面量方式
var str1 = 'hello'
console.log( typeof str1); // string 使用字面量创建 ----简单的字符类型
// 2、 函数方式 String() ----- 构造函数(函数名首字母大写)
var str2 = String("hello")
console.log( typeof str2); // string ----简单的字符类型
// 3、使用new 关键字
var str3 = new String('hello')
console.log(typeof str3); // object ----- 是对象
// 注意: 不管哪种方式创建的字符串,可以直接当作对象使用 可以调用方法 访问属性
// 字符串的长度 字符串.length 是属性


1)根据字符返回下标
根据字符返回位置(下标)
字符串.indexOf('指定字符',开始位置):从前往后 返回第一次出现的下标,如果没有就是-1
字符串.lastIndexOf('指定字符',开始位置): 从后往前找 返回第一次出现的下标,如果没有就是-1
var str1 = '你好世界,你好世界'
console.log( str1.indexOf('你') ); // 1  第一个'你好世界'中的'你'的下标
console.log( str1.indexOf('欢') ); // -1
console.log( str1.indexOf('世',4) ); // 7
console.log( str1.lastIndexOf('世') ); // 7  第二个'你好世界'中的'世'的下标
2)根据下标返回字符
根据下标返回字符
字符串.charAt(下标):返回对应的字符
字符串.charCodeAt(下标): 返回的是字符对应的的ASCII码 0-65535
字符串[下标] : 返回对应的字符,但是有兼容性问题
var str1 = '你好世界,你好世界'
console.log( str1.charAt(0) ); // 你
console.log( str1.charCodeAt(0) );
console.log( 'abc'.charCodeAt(0) ); // 97
console.log( str1[3] ); // 界
3)其他方法
// 1、 字符串.concat(多个字符串) 将多个字符串拼接一起
// 2、 字符串.substr(开始下标,长度): 截取部分内容
// 3、字符串.slice(开始下标,结束下标): 截取部分内容,取不到结束下标
// 4、字符串.split('指定字符'):根据指定字符进行分割,得到的是数组
// 5、字符串.replace('旧字符','新字符'): 使用7旧字符替换新字符 ----- 只替换一次
// 6、字符串.replaceAll('旧字符','新字符'): 使用旧字符替换新字符 ----- 替换所有
// 字符串的所有方法都是得到一个结果 ---- 可以输出 可以使用变量接收文章来源地址https://www.toymoban.com/news/detail-815674.html

到了这里,关于JavaScript-内置对象-笔记的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript有哪些内置对象

    还是大剑师兰特 :曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。 No. 内容链接 1 Openlayers 【入门教

    2024年04月13日
    浏览(23)
  • JavaScript(内置对象)

    Array:用于在单独的变量名中存储一系列的值 String:用于支持对字符串的处理 Math:用于执行常用的数学任务,包含若干个数字常量和函数 Date:用于操作日期和时间 创建数组 为数组元素赋值 访问数组 类别 名称 描述 属性 length 设置或返回数组中元素的数目 方法 join() 把数组

    2024年02月10日
    浏览(23)
  • Postman 脚本的奥秘:JavaScript 的内置对象和方法

    postman的前后置脚本中是完全支持 JavaScript 编写代码,JavaScript 有很多内置的对象和方法,可以帮助我们完成各种任务,比如生成随机数和测试响应数据 生成随机数 使用 Math.random() 方法来生成一个 0 到 1 之间的随机小数,比如: 生成一个指定范围内的随机数: 生成一个整数,

    2024年02月04日
    浏览(35)
  • 【JavaScript】函数 ⑥ ( 使用 arguments 获取所有实参 | arguments 内置对象 | 伪数组概念 )

    在 定义 JavaScript 函数 时 , 有时 不确定 形参的个数 , 形参写少了不够用 , 写多了又很浪费 , 这里 推荐使用 arguments 内置参数对象 ; 在 JavaScript 的 每个函数 的 内部都可以访问 内置的 arguments 对象 , 该对象中 包含了 调用者 传递给函数的所有 实参 , 即使 在 函数 形参 中没有明

    2024年04月22日
    浏览(36)
  • 【JavaScript笔记】面对对象与构造函数

    了解面向对象编程中的一般概念 能够基于构造函数创建对象 理解 JavaScript 中一切皆对象的语言特征 理解引用对象类型值存储的的特征 掌握包装类型对象常见方法的使用 了解面向对象的基础概念,能够利用构造函数创建对象。 1. 构造函数 构造函数是专门用于创建对象的函

    2024年02月11日
    浏览(29)
  • 前端进化笔记-JavaScript(三)

    人类在白色的底色上描绘图画,地球在黑色的底色上创造生命。 JavaScript的变量可以说是独树一帜。只需要一个(或两个等)(const,let)就可以创建变量,创建时不考虑变量的类型,这是其他语言少有的强大功能。当然强大的功能总是伴随着问题。 原始值:Undefined,

    2024年02月08日
    浏览(72)
  • 【前端学习笔记2】javaScript基础

    是一种运行在客户端(服务器的编程语言) javacript分为行内JavaScript,内部JavaScript,外部JavaScript 内部JavaScript 直接写在html中body里面 alert(“hello,world”) 我们将script放在html文件的地步附近的原因是浏览器会按照代码在文件中的顺序加载html 如果先加载的JavaScript期望修改其

    2024年01月22日
    浏览(31)
  • Web前端 Javascript笔记3

     内存中的生命周期         1、内存分配         2、内存使用(读写)         3、内存回收,使用完毕之后,垃圾回收器完成         内存泄漏:该回收的,由于某些未知因素,未释放,叫做内存泄漏 栈:数据存在其中会自动释放 堆:对象,根据程序员的操作来决定释

    2024年04月15日
    浏览(34)
  • web前端javascript笔记——(13)事件(1)

    鼠标/键盘属性 altKey               返回当事件被触发时,“ALT”是否被按下。 button               返回当事件被触发时,哪个鼠标按钮被点击 clientX               返回当事件被触发时,鼠标指针的水平坐标。 clientY               返回当事件被触

    2024年01月25日
    浏览(39)
  • web前端javaScript笔记——(11)DOM

    属性                                     此事件发生在何时 onabort 图像的加载被中断。 onblur                                   元素失去焦点。 anchange                                 域的内容被改变 onclick  当用户点击某

    2024年01月19日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包