从多个方面详解 JavaScript 取绝对值

一、JavaScript 取绝对值函数

    function absoluteValue(num) {
        return Math.abs(num);
    }
    
    console.log(absoluteValue(-5)); // 5

JavaScript 提供了一个内置的取绝对值方法 Math.abs(),该方法接收一个数字参数,返回这个数字的绝对值。该方法可以应用于任何数字类型,包括负数、浮点数和数字字符串。

在以上代码中,定义了一个名为 absoluteValue 的函数,该函数接收一个参数,传递给 Math.abs() 方法,最后返回绝对值。

二、JavaScript 数字取绝对值

    let negativeNum = -5;
    let positiveNum = 5;

    console.log(Math.abs(negativeNum)); // 5
    console.log(Math.abs(positiveNum)); // 5

对数字取绝对值是一个非常常见的需求,我们可以直接使用数字类型和 Math.abs() 方法来做到这一点。无论数字是正数还是负数,都可以传递给 Math.abs() 方法,方法会返回其绝对值。

三、JavaScript 取绝对值方法

    let str = '-5';
    let num = -5.5;
    let arr = [-5, 6, -3];

    console.log(Math.abs(str)); // 5
    console.log(Math.abs(num)); // 5.5
    console.log(arr.map(Math.abs)); // [5, 6, 3]

在 JavaScript 中,对于非数字类型的参数,可以使用 Number() 函数将它们转换为数字进行绝对值计算。另外,将 Math.abs() 方法应用于数组时,可以使用 map() 函数,对数组中的每个值都应用 Math.abs()。

四、JavaScript 绝对值怎么取

    let a = -1;
    let b = 0;
    let c = 1;
    let d = -Infinity;
    let e = '1234';

    console.log(Math.abs(a)); // 1
    console.log(Math.abs(b)); // 0
    console.log(Math.abs(c)); // 1
    console.log(Math.abs(d)); // Infinity
    console.log(Math.abs(e)); // 1234

取绝对值的很多用例中都会涉及到不同类型的值,如上代码所示。对于负数,取其绝对值应该是常识了;对于 0,其绝对值还是 0;对于正数,其绝对值就是其本身;对于 +∞ 和 -∞,其绝对值仍然是 +∞ 和 -∞;对于数字字符串,其会被转换为数字并取绝对值。

五、JavaScript 取绝对值的方法

在 JavaScript 中,除了使用 Math.abs() 方法外,还有其他方法用于取绝对值。下面列举了一些常见的方法:

1. 使用条件运算符 ?:,比较数字和 0 的大小,如果小于 0,则返回相反数;如果大于等于 0,则返回本身。

        function abs(num) {
            return num < 0 ? -num : num;
        }
        console.log(abs(-5)); // 5
    

2. 使用位运算符 >> 0,将数字的小数部分削去,转换为整数。

        function abs(num) {
            return (num ^ num >> 31) - (num >> 31);
        }
        console.log(abs(-5)); // 5
    

3. 使用指数运算符 **,对数字的平方进行开方运算。

        function abs(num) {
            return (num ** 2) ** 0.5;
        }
        console.log(abs(-5)); // 5
    

4. 使用 parseInt() 函数,将数字字符串转换为数字类型,并取绝对值。

        function abs(str) {
            return Math.abs(parseInt(str));
        }
        console.log(abs('-5')); // 5
    

5. 使用 ES6 新增的指数运算符 ** 和三元运算符 ?: 的组合,将数字平方并开方,再判断是否为负数,如果是,则返回相反数。

        function abs(num) {
            return num ** 2 ** .5 * (num < 0 ? -1 : 1);
        }
        console.log(abs(-5)); // 5
    

JavaScript 中取绝对值是一个非常基础、实用的操作,还有很多其他的实现方法。对于需要频繁使用的开发者,不妨掌握多种实现方式,以适应不同的场景。

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/193495.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-01 15:02
下一篇 2024-12-01 15:02

相关推荐

  • 为什么Python不能编译?——从多个方面浅析原因和解决方法

    Python作为很多开发人员、数据科学家和计算机学习者的首选编程语言之一,受到了广泛关注和应用。但与之伴随的问题之一是Python不能编译,这给基于编译的开发和部署方式带来不少麻烦…

    编程 2025-04-29
  • Java判断字符串是否存在多个

    本文将从以下几个方面详细阐述如何使用Java判断一个字符串中是否存在多个指定字符: 一、字符串遍历 字符串是Java编程中非常重要的一种数据类型。要判断字符串中是否存在多个指定字符…

    编程 2025-04-29
  • Python合并多个相同表头文件

    对于需要合并多个相同表头文件的情况,我们可以使用Python来实现快速的合并。 一、读取CSV文件 使用Python中的csv库读取CSV文件。 import csv with o…

    编程 2025-04-29
  • 从多个方面用法介绍yes,but let me review and configure level of access

    yes,but let me review and configure level of access是指在授权过程中,需要进行确认和配置级别控制的全能编程开发工程师。 一、授权确…

    编程 2025-04-29
  • 从多个方面zmjui

    zmjui是一个轻量级的前端UI框架,它实现了丰富的UI组件和实用的JS插件,让前端开发更加快速和高效。本文将从多个方面对zmjui做详细阐述,帮助读者深入了解zmjui,以便更好…

    编程 2025-04-28
  • 学Python用什么编辑器?——从多个方面评估各种Python编辑器

    选择一个适合自己的 Python 编辑器并不容易。除了我们开发的应用程序类型、我们面临的软件架构以及我们的编码技能之外,选择编辑器可能也是我们编写代码时最重要的决定之一。随着许多不…

    编程 2025-04-28
  • 使用easypoi创建多个动态表头

    本文将详细介绍如何使用easypoi创建多个动态表头,让表格更加灵活和具有可读性。 一、创建单个动态表头 easypoi是一个基于POI操作Excel的Java框架,支持通过注解的…

    编程 2025-04-28
  • 创建列表的多个方面

    本文将从多个方面对创建列表进行详细阐述。 一、列表基本概念 列表是一种数据结构,其中元素以线性方式组织,并且具有特殊的序列位置。该位置可以通过索引或一些其他方式进行访问。在编程中,…

    编程 2025-04-28
  • Python多个sheet表合并用法介绍

    本文将从多个方面对Python多个sheet表合并进行详细的阐述。 一、xlrd与xlwt模块的基础知识 xlrd与xlwt是Python中处理Excel文件的重要模块。xlrd模…

    编程 2025-04-27
  • 从多个角度用法介绍lower down

    lower down是一个常用于编程开发中的操作。它可以对某个值或变量进行降低精度的处理,非常适合于一些需要精度不高但速度快的场景。那么,在本文中,我们将从多个角度解析lower …

    编程 2025-04-27

发表回复

登录后才能评论