Javascript中字符串和数字的操作方法整理

yizhihongxing

Javascript中字符串和数字的操作方法整理

JavaScript中有很多操作数字和字符串的方法。在本篇攻略中,我们将提供一些常用的方法,并提供两个示例。

字符串操作方法

1. .length属性

.length属性可以用来确定字符串中的字符数量。

const str = "Hello World";
console.log(str.length); // 输出 11

2. .indexOf()方法

.indexOf()方法可以用来查找某个子字符串在原字符串中的位置。如果原字符串中不存在该子字符串,则返回-1。

const str = "Hello World";
console.log(str.indexOf("World")); // 输出 6
console.log(str.indexOf("JavaScript")); // 输出 -1

3. .slice()方法

.slice()方法可以用来截取一个字符串的一部分。该方法接受两个参数,第一个参数是要截取的起始位置,第二个参数是要截取的结束位置。

const str = "Hello World";
console.log(str.slice(0, 5)); // 输出 Hello
console.log(str.slice(6)); // 输出 World

4. .replace()方法

.replace()方法可以用来替换一个字符串中的某个子字符串。

const str = "Hello World";
console.log(str.replace("World", "JavaScript")); // 输出 Hello JavaScript

5. .toUpperCase()方法

.toUpperCase()方法可以将一个字符串转换为大写字母。

const str = "Hello World";
console.log(str.toUpperCase()); // 输出 HELLO WORLD

数字操作方法

1. .toFixed()方法

.toFixed()方法可以将一个数字保留指定位数的小数,并返回一个字符串。

const num = 12.3456;
console.log(num.toFixed(2)); // 输出 12.35

2. .toString()方法

.toString()方法可以将一个数字转换为字符串。

const num = 123;
console.log(num.toString()); // 输出 "123"

示例

示例1

在这个示例中,我们将使用.slice()方法从字符串中提取出一个子字符串,并使用.charAt()方法来获取该子字符串的第一个字符。

const str = "Hello World";
const subStr = str.slice(0, 5);
console.log(subStr.charAt(0)); // 输出 H

示例2

在这个示例中,我们将使用.toFixed().toString()方法来将一个数字四舍五入后转换为字符串。

const num = 12.3456;
const roundedNum = num.toFixed(2);
console.log(roundedNum.toString()); // 输出 "12.35"

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Javascript中字符串和数字的操作方法整理 - Python技术站

(0)
上一篇 2023年5月19日
下一篇 2023年5月19日

相关文章

  • JavaScript中ahooks 处理 DOM 的方法

    下面是详细讲解 JavaScript 中 ahooks 处理 DOM 的方法的攻略: 简介 ahooks 是经过封装的钩子库,在 React 开发中经常会使用到。其中包含了一些与 DOM 有关的操作,比如 useClickAway 可以监听用户在页面其他区域的点击事件等。在 ahooks 中使用这些钩子能够更加方便地进行 DOM 操作。 安装 在命令行中输入…

    JavaScript 2023年6月10日
    00
  • Javascript Date setMilliseconds() 方法

    JavaScript 中的 setMilliseconds() 方法用于设置日期对象的毫秒部分。在本教程中,我们将详细介绍 setMilliseconds() 方法的使用方法。 setMilliseconds() 方法基本语法如下: date.setMilliseconds(msValue) 其中,msValue 是设置的毫秒值,必须是一个介于 0 到 99…

    JavaScript 2023年5月11日
    00
  • js 执行上下文和作用域的相关总结

    JS执行上下文和作用域相关总结 在JavaScript中,代码执行的上下文和作用域是非常重要的概念。正确理解和应用它们可以帮助我们更好地编写和调试JavaScript代码。下面是一个总结: 执行上下文 执行上下文是JavaScript代码执行的环境,其中包括当前执行的代码、变量和对象等,JS 中有三种不同类型的执行上下文:全局上下文,函数上下文,eval上下…

    JavaScript 2023年6月10日
    00
  • js 判断字符串中是否包含某个字符串的实现代码

    实现 JavaScript 判断一个字符串是否包含另一个字符串,我们可以使用 String 类型自带的 includes() 方法、indexOf() 方法和正则表达式,以下依次进行详细讲解和代码演示。 includes() 方法 includes() 方法用于判断一个字符串是否包含另一个字符串,返回值为布尔值。 语法: str.includes(searc…

    JavaScript 2023年5月28日
    00
  • JavaScript实现进度条效果

    请看下面详细讲解“JavaScript实现进度条效果”的完整攻略。 1. 前置知识 在开始实现进度条效果之前,需要具备以下知识: HTML和CSS的基础知识 JavaScript的基本语法和DOM操作 2. 实现思路 实现进度条效果可以采用如下思路: 创建一个div元素,作为进度条的显示区域。 在CSS中设置进度条的基本样式,包括进度条的颜色、高度、圆角等。…

    JavaScript 2023年6月11日
    00
  • Javascript数组方法reduce的妙用之处分享

    关于“Javascript数组方法reduce的妙用之处分享”的完整攻略,我将从以下几个方面进行讲解: 什么是reduce方法 reduce方法的用法和语法 reduce方法的妙用之处 两个示例说明 1. 什么是reduce方法 reduce() 是一种 Javascript 数组方法,用于迭代数组中的所有元素,并通过一个函数返回单个值。这个函数接受四个参数…

    JavaScript 2023年5月27日
    00
  • 详解JS转换数值函数Number()、parseInt()、parseFloat()

    详解JS转换数值函数Number()、parseInt()、parseFloat() 前言 在JavaScript中,数值转换是很常见的操作。例如,用户输入的内容可能是字符串类型,而你需要将其转换成数值类型,或者你需要将数值类型转换为字符串类型,以便于存储或展示。为此,JavaScript提供了一些原生的函数用于进行数值类型之间的转换。其中,最常用的三个函数…

    JavaScript 2023年5月27日
    00
  • 理解JavaScript事件对象

    理解JavaScript事件对象在事件处理中是非常重要的。在JavaScript中,事件对象(Event Object)是事件处理函数中的第一个参数。当特定事件被触发时,浏览器会自动创建事件对象(Event Object)。开发者可以使用该对象在事件处理函数中访问事件的详细信息,例如鼠标位置,按键,以及事件类型等。 JavaScript事件对象的属性 事件对…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部