主页 / 问题 / 681134
Accepted
pepel_xD
Asked:2020-06-19 22:20:09 +0000 UTC2020-06-19 22:20:09 +0000 UTC

将字符串转换为数字 SCSS

  • 772

有一个字符串“14px”，如何在SCSS中将其转换为数字？
例如，对于值的字符串表示，有一个函数inspect($value)，为了找出与数字相关联的单位，有unit($number)。可就算type-of(14рх)回来又怎样string，却是必须的namber。
我解释一下：有这么一段代码，看list的值是否有计量单位，如果没有，则追加 

@function chekList($list) {
    $tmp: ();
    @each $key in $list {
        @if(unitless($key)) {
            $key: inspect($key);
            $key: str-insert($key, "px", str-length($key) + 1);
        }
        $tmp: append($tmp, $key);  
    }
    @return $tmp; 
}

现在将接收到的字符串值转换为数字值......
或者建议如何将单位添加到数字中，如果没有的话？

PS 下面我给出了一个关于如何添加度量单位的答案，如果它们不是的话。但仍然对如何将字符串转换为数字感兴趣。
假设输出中的 10 + "px" 将给出字符串 "10px"，但你需要它是一个数字。

scss

2 个回答

  1. 它可能对某人派上用场。我没有找到将字符串转换为数字的函数，但是为了将度量单位添加到数字，如果没有，您可以简单地将此数字乘以所需的度量单位。 

    @if(unitless($key)) {
   $key: $key * 1px;
}
    • 3
  2. Best Answer

    在阅读了soledar10提供的链接的文章后，我没有完全复制那里提供的功能，出于我的目的，它并不完全需要，而只需要将测量单位添加到数字中的部分。 通过稍微修改先前答案中的代码，结果如下： 

    @function chekUnit($list) {
    $strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax';
    $units:   1px  1cm  1mm  1%  1ch  1pica  1in  1em  1rem  1pt  1pc  1ex  1vw  1vh  1vmin  1vmax;
    $tmp: ();
    @each $key in $list {
        @if(unitless($key)) {
            $index: index($strings, $list-unit);
            @if not $index {
                @error "Unknown unit `#{$list-unit}`.";
            }
            $key: $key * nth($units, $index);
        }
        $tmp: append($tmp, $key);  
    }
    @return $tmp; 
}

    $list-unit在项目设置中设置单位的变量在哪里。

    • 1

相关问题