ある配列からindexの配列を使って要素を削除したい

Question

下記のような配列があったとします。

const colors = ['red', 'green', 'yellow', 'blue'];
const indexStringArray = ['0', '1']

colors配列のindex0とindex1を取り除き、下記のような2つの配列をつくりたいです。

const oldColors = ['yellow', 'blue']
const newColors = ['red', 'green']

1つならspliceでなんとかなりました。
2つになると、spliceで削除しようにもindexがずれてしまいます。
例：
[red,green,yellow,blue]でindex:0のredを消すと
[green,yellow,blue]のindex:1を消してしまい[red,yellow]と[green,blue]になってしまう。

そこで、消したものに応じてindexを増やしたり減らしたりしようかと思いましたが、非常に面倒な実装になりそうでした。

30分ほど考えて思いついたのが、下記です。

const colors: (undefined | string)[] = ['red', 'green', 'yellow', 'blue'];
const indexStringArray = ['0', '1'];

// colorsからindexStringArrayを使ってredとgreenを取り出す。
const newColors = indexStringArray.map((indexString) => colors[parseInt(indexString)]);

// colors[index]をundefinedに置き換える[undefined, undefined, 'yellow', 'blue']
indexStringArray.map((numStr) => (colors[parseInt(numStr)] = undefined));

// filter(Boolean)でundefinedを削除する。残ったのが['yellow', 'blue']
const oldColors = colors.filter(Boolean);

これで一応解決している（？）のですが、もっとスマートな回答がありませんでしょうか。
なんだか回りくどい解決をしているような気がします。

Answer 1

const colors = ['red', 'green', 'yellow', 'blue'];
  const indexStringArray = ['0', '1'];
  const oldColors = colors.filter((_,i)=>!indexStringArray.includes(""+i));
  const newColors = colors.filter((_,i)=> indexStringArray.includes(""+i));
  console.log(oldColors);
  console.log(newColors);

これでいかが？

Comments

[KT333]

すごくわかりやすいです。ありがとうございます。

Answer 2

const colors = ['red', 'green', 'yellow', 'blue'];
const indexStringArray = [0,1];
const oldColors = [];
const newColors = [];
colors.forEach((x,y)=>{
  (indexStringArray.includes(y)?newColors:oldColors).push(x);
});
console.log(oldColors);
console.log(newColors);

Comments

[KT333]

すごくスマートですね。かつ複雑でもない。ありがとうございます。