Как удалить все остальные предметы из списка Sass?

Question

Скажем, у меня есть список Sass:

$list: 1, red, banana, gold, [class*="test"], potato 

Как я могу удалить каждый 1-й, 3-й, 5-й пункт и т.д.? Или, альтернативно, каждый 2-й, 4-й, 6-й и т. Д.? Возможно ли это?

Я решил, что вам нужно будет пройти через каждый селектор, проверить, не является ли он индексом/четным, и удалите элемент по мере необходимости.

Мой псевдокод:

@each $item in $list { 
    @if $item == nth($list, 2n) { 
     $list: remove($list, $item); 
    } 
} 

В качестве не программиста, я не уверен, как логические выше sinppet это - при условии, конечно remove() является действительной функцией, и «2n» представляет любой даже пункт.

Answer 1

nth() функция может использовать только specific number в отличие от nth-child в CSS.

Один из способов обойти это - вручную запросить текущую итерацию и добавить вещи, которые не соответствуют текущему номеру, в новый список.

$list: 1, red, banana, gold, potato; 
$newList: ; 
$i: 0; 
@each $item in $list { 
    $i: $i + 1; 
    @if $i == 2 { 
     $i: 0; 
    }@else{ 
     $newList: append($newList, $item); 
    } 
} 

@each $item in $newList { 
    /* #{$item} */ 
} 

Live Demo

Answer 2

Немного поздно к этой партии, но есть альтернатива толкая вещи в новый список, которые могут вас заинтересовать.

Ваш псевдокод теоретически был на правильном пути. По сути, просто проверка нечетных/четных значений и действия соответственно достигается с помощью модульных математических вычислений - в языках программирования с использованием символа%.

Таким образом, используя очень ванильный пример

$list: 'a','b','c','d','e'; 
 
$i: 0; 
 

 
@each $item in $list { 
 
    $i: $i+1; 
 
    @if $i % 2 == 0 
 
    { 
 
\t @debug "it's an even index: " + $item;  
 
     \t $list: remove($list, $item); 
 
    } 
 
}