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

在这里插入图片描述

总结

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

相关文章

  • javascript内置对象操作详解

    javascript内置对象操作详解

    这篇文章主要介绍了javascript内置对象操作详解,需要的朋友可以参考下
    2015-02-02
  • JS实现选项卡效果的代码实例

    JS实现选项卡效果的代码实例

    这篇文章主要介绍了JS选项卡效果,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript 5 新增 Array 方法实现介绍

    JavaScript 5 新增 Array 方法实现介绍

    JavaScript 5 发布有一段时间了,Array 对象新增了很多方法。但在老版本的浏览器上还不能使用,得益于 JavaScript 的动态可扩展性,我实现了这些方法,在此晒出来与君共勉
    2012-02-02
  • js制作简易年历完整实例

    js制作简易年历完整实例

    这篇文章主要介绍了js制作简易年历的方法,包括实现的思路以及js、css与html各个部分的实现技巧,需要的朋友可以参考下
    2015-01-01
  • js function定义函数的几种不错方法

    js function定义函数的几种不错方法

    这篇文章主要介绍了js function定义函数的几种方法,需要的朋友可以参考下
    2014-02-02
  • javascript实现的动态添加表单元素input,button等(appendChild)

    javascript实现的动态添加表单元素input,button等(appendChild)

    这篇文章给大家介绍了javascript实现的动态添加表单元素input,button等(appendChild)的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2007-11-11
  • js的event详解。

    js的event详解。

    js的event详解。...
    2006-09-09
  • uniapp的webview实现左滑返回上一个页面操作方法

    uniapp的webview实现左滑返回上一个页面操作方法

    uniapp默认左滑是关闭整个webview,而不是关闭当前页,本文给大家介绍uniapp的webview实现左滑返回上一个页面操作方法,感兴趣的朋友一起看看吧
    2023-12-12
  • 详解小程序退出页面时清除定时器

    详解小程序退出页面时清除定时器

    这篇文章主要介绍了小程序退出页面时清除定时器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • js字符串分割处理的几种方法(6种)

    js字符串分割处理的几种方法(6种)

    本文主要介绍了js字符串分割处理的几种方法,主要介绍了6种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06

最新评论