IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript的内置对象Date、Math和字符串 -> 正文阅读

[JavaScript知识库]JavaScript的内置对象Date、Math和字符串

Date对象

  • 在JS中使用Date对象来表示一个时间

创建Date对象

new Date()

创建一个Date对象
如果使用构造函数创建一个Date对象,则会封装为当前代码执行的时间.
var  d = new Date();
console.log("当前时间是:",d);

在这里插入图片描述

创建一个指定的时间对象
需要在构造函数中传递表示时间的 字符串作为参数
日期格式 月份/日/年 (时:分:秒)
var  d = new Date("12/21/2012  12:12:30");
console.log("玛雅人预言世界末日的时间是:",d);

在这里插入图片描述

还可以通过传参的方式进行创建
语法为
new Date(y,M,d,h,m,s):带参的构造,参数是年、月、日、时、分、秒
var  d = new Date(2012,11,21,8,00,00);
console.log(d);

在这里插入图片描述
注意:
通过传参方式创建的时间的月份的整数值,从0(1月)到11(12月)


getDate()

  • 获取当前对象是几日
var d = new Date("12/21/2012  12:12:30");

var date = d.getDate()
console.log("对象d是多少日:", date);

在这里插入图片描述

getDay()

  • 获取当前日期对象是周几
  • 会返回一个0-6的值
    • 0表示周日
    • 1表示周一
    • 2表示周二
    • 3表示周三
    • .......
var d = new Date("12/21/2012  12:12:30");

var date = d.getDay()
console.log("对象d是星期几:", date);

在这里插入图片描述


getMonth()

  • 获取当前时间对象的月份
  • 会返回一个0-11的值(通常会在后面加1来表示中国常用的月份)
    • 0表示1月
    • 1表示2月
    • ....
    • 11表示12月
var d = new Date("12/21/2012  12:12:30");

var date = d.getMonth()
console.log("当前时间对象的月份是:", date);//返回0-11的数 11代表12月

在这里插入图片描述


getFullYear()

  • 获取当前日期对象的年份
  • getYear() 已经被这个方法代替
var d = new Date("12/21/2012  12:12:30");

var date = d.getFullYear()
console.log("当前时间对象的年:", date);

在这里插入图片描述


getHours()

  • 获取当前日期对象的小时数
  • 返回(0~23)的值

getMinutes()

  • 获取当前日期对象的分钟数
  • 返回(0~59)的值

getSeconds()

  • 获取当前日期对象的秒数
  • 返回(0~59)的值

getMilliseconds()

  • 获取当前日期对象的毫秒数
  • 返回(0~999)的值

getTime()

  • 获取当前时间日期的时间戳
  • 时间戳,指的是从格林威治标准时间的1970年1年1月1日,0时0分0秒 到当前对象日期所花费的毫秒数(1秒 = 1000毫秒)
  • 计算机底层在保存时间时使用都是时间戳
  • 可以通过(time/1000/60/60/24/365)方式来进行转换到当前对象时间
var d = new Date("12/21/2012  11:10:30");

var date = d.getTime()
console.log("当前时间对象的年:", date);

在这里插入图片描述

Date.now()

  • 获取当前那一刻的时间戳
  • 利用时间戳可以来测试代码的执行的性能
var start = Date.now();

for (let i = 0; i < 100; i++)
{
    console.log(i);
}

var end = Date.now();
console.log("语句执行了:"+(end - start)+"毫秒");

在这里插入图片描述


toDateString()

  • 将日期转为字符

toLocaleDateString()

  • 将日期转换为本地日期格式的字符串

Math对象

  • Math是一个工具类对象,里面封装了数学运算相关的属性和方法

常用属性

  • Math.PI:表示圆周率

常用方法

  • Math.abs(x):返回x的绝对值
  • Math.pow(x,y):返回x的y次方
  • Math.sqrt(x):返回x的算术平方根
  • Math.round(x):返回x四舍五入后的最接近的整数
  • Math.floor(x):返回小于或等于x的最大整数
  • Math.ceil(x):函数返回大于或等于x的最小整数
  • Math.max():返回参数中的最大值
  • Math.min():返回参数中的最小值

Math.random()

  • 返回伪随机数(0.0~1.0之间)(不包括1
  • 生成一个[0,x]的随机数
    • Math.round(Math.random()*x)
    • [0,10]: Math.round(Math.random()*10)
  • 生成一个[x,y]的随机数
    • Math.round(Math.random()*(y-x)+x
    • [1,10]的随机数: Math.round(Math.random()*9)+1

字符串方法

length属性

  • 可以用来获取字符串的长度
var str = "Hello World!!!";

var result = str.length;
console.log(result);

在这里插入图片描述


charAt()

  • 可以返回字符串中指定位置的字符
  • 根据索引获取指定的字符
var str = "Hello World!!!";

var result = str.charAt(6);
console.log(result);

在这里插入图片描述


charCodeAt()

  • 获取指定位置字符的字符编码(Unicode编码)
var str = "Hello World!!!";

var result = str.charCodeAt(6);
console.log(result);

在这里插入图片描述


fromCharCode()

  • 可以根据字符编码去获取字符
var result = String.fromCharCode(18888);
console.log(result);

在这里插入图片描述


concat()

  • 可以用来连接两个或多个字符串
  • 不会影响原字符串
var str = "Hello World!!!";

var result = str.concat("你好","世界");
console.log(result);

在这里插入图片描述

indexOf()

  • 该方法可以检索一个字符串中是否含有指定内容
  • 如果字符串中含有该内容,则会返回其第一次出现的索引
  • 如果没有找到指定的内容,则返回-1
  • 可以指定一个第二个参数,指定开始查找的位置
var str = "Hello World!!!";

var result0 = str.indexOf('l');
var result1 = str.indexOf('l',3);//从第三个位置开始找
var result2 = str.indexOf('l',5);//从第五个位置开始找
console.log(result0);
console.log(result1);
console.log(result2);

在这里插入图片描述


lastIndexOf()

  • 该方法的用法和indexof()一样
  • 不同的是indexOf()是从前往后找
  • 而lastIndexOf()是从后往前找

slice()

  • 可以从字符串中截取指定的内容
  • 不会影响到原字符串,而是将截取到内容返回
  • 参数:
    • 第一个,开始位置的索引(包括开始位置)
    • 第二个,结束位置的索引(不包括结束位置)
    • 如果省略第二个参数,则会截取到后边所有的
    • 也可以传递一个负数作为参数,负数的话将会从后边计算
var str = "Hello World!!!";

var result0 = str.slice(0,2);
var result1 = str.slice(1,-4);
console.log(result0);
console.log(result1);

在这里插入图片描述


substring()

  • 可以用来截取一个字符串,与slice()类似
  • 不会影响到原字符串,而是将截取到内容返回
  • 参数:
    • 第一个,开始位置的索引(包括开始位置)
    • 第二个,结束位置的索引(不包括结束位置)
  • 不能接受负值作为参数
    • 如果传递了一个负值,则默认使用0
  • 能自动调整参数位置,如果第二个参数小于第一个,则会自动交换
var str = "Hello World!!!";

var result0 = str.substring(0,2);
console.log(result0);

在这里插入图片描述


split()

  • 可以将一个字符串拆分为一个数组
  • 参数:
    • 需要一个字符串作为参数,将会根据该字符串去拆分数组
var str = "He llo Worl d!!!";

var result0 = str.split(' ');
console.log(result0);
console.log(Array.isArray(result0));

在这里插入图片描述


toUpperCase()

  • 将一个字符串转换为大写并返回
var str = "He llo Worl d!!!";

var result0 = str.toUpperCase();
console.log(result0);

在这里插入图片描述


toLowerCase()

  • 将一个字符串转换为小写并返回
var str = "He llo Worl d!!!";

var result0 = str.toLowerCase();
console.log(result0);

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-24 07:51:19  更:2021-11-24 07:51:34 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/21 5:17:43-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码