JavaScript的内置对象Math和字符串详解

 更新时间:2021年11月24日 15:48:27   作者:1900's 88 keys  
这篇文章主要为大家介绍了JavaScript的内置对象Math和字符串,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

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);

在这里插入图片描述

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!

相关文章

  • js实现窗口全屏示例详解

    js实现窗口全屏示例详解

    这篇文章主要为大家详细介绍了js实现窗口全屏示例,包含全屏事件、退出全屏事件等,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • 如何在JavaScript中比较日期详解

    如何在JavaScript中比较日期详解

    我们在日常开发过程中经常会用到JavaScript语言在前端代码中,进行日期的选择,下面这篇文章主要给大家介绍了关于如何在JavaScript中比较日期的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • 你可能不知道的前端算法之文字避让(inMap)

    你可能不知道的前端算法之文字避让(inMap)

    这篇文章主要给大家介绍了关于前端算法之文字避让的相关资料,对于这个知识相信很多的朋友都不知道,但看到效果会惊叹不已,实现这一个效果主要利用的是inMap文字避让功能,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-01-01
  • canvas绘图不清晰的解决方案

    canvas绘图不清晰的解决方案

    本文主要介绍了canvas绘图不清晰的解决方案,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • element el-input 删除边框的实现

    element el-input 删除边框的实现

    本文主要介绍了element el-input 删除边框的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • window.ActiveXObject使用说明

    window.ActiveXObject使用说明

    判断浏览器是否支持ActiveX控件,如果浏览器支持ActiveX控件可以利用
    2010-11-11
  • 详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】

    详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】

    本篇文章主要介绍了JavaScript的延迟对象、跨域、模板引擎、弹出层、AJAX,对其进行示例解析,具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • JavaScript中强大的操作符使用详解

    JavaScript中强大的操作符使用详解

    JavaScript 为我们提供了很多操作符,用于操作表达式。下面就来盘点一下 JavaScript 中那些强大的操作符,感兴趣的小伙伴可以了解一下
    2022-09-09
  • mvc中form表单提交的三种方式(推荐)

    mvc中form表单提交的三种方式(推荐)

    本文给大家分享mvc中form表单提交的三种方式,分别是submit 按钮 提交方式,$("#dataform").ajaxSubmit() 提交方式,post 提交方式,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-08-08
  • JS查找孩子节点简单示例

    JS查找孩子节点简单示例

    这篇文章主要介绍了JS查找孩子节点,结合完整实例形式分析了javascript节点遍历、查找相关操作技巧,需要的朋友可以参考下
    2019-07-07

最新评论