SCSS：从变量中提取值答案

【问题标题】：SCSS: Extract values from within variableSCSS：从变量中提取值
【发布时间】：2021-06-11 01:11:00
【问题描述】：

我正在尝试从包含 1+ 个值的 SCSS 变量中提取值。出于测试目的，假设我想获取传入参数的第二个值，如果它只包含 1 个值，则返回该值。例如

@function get-second-value($args) {
  // Obviously this syntax isn't correct, but something like this
  @return $args.split(' ')[1] || $args;
}

$var1: 1px;
$var2: 1px 2px;
$var3: 1px 2px 3px;

@debug get-second-value($var1);  // returns 1px
@debug get-second-value($var2);  // returns 2px
@debug get-second-value($var3);  // returns 2px

我已经尝试过搜索，但我的搜索词一定是不充分的，所以如果这是一个骗局，请道歉。我怎样才能做到以上几点？

【问题讨论】：

标签： sass

【解决方案1】：

我想我明白了……我没有意识到我定义的变量实际上是list，所以我可以对其进行正常的列表操作。然后我的功能变成：

@function get-second-value($args) {
    $return: nth($args, 1);
    @if (length($args) > 1) {
        $return: nth($args, 2);
    }
    @return $return;
}

【讨论】：