アロー関数を用いて配列を処理したい

Question

実現したいこと

JavaScriptの配列に対して条件に合うもののみに処理をしたいです。
また、条件に合わないものに関しては無視します。

以下のように配列の4未満の要素に対して２倍し、４以上の要素に対してはそのまま保持したいです。

前提

JavaScriptの初学者です。
アロー関数の勉強をしており、for文を使用すればできるとわかっているのですが、アロー関数を使用して上記の処理を行いたいです。

該当のソースコード

let arr = [1, 2, 3, 4, 5, 6, 7,];
arr = arr.map((num) => {return num * 2}).filter((val) => {return val < 4});

上記のコードではfilterで4未満のみが抽出され、期待値ではありません。

期待値
arr = [2, 4, 6, 4, 5, 6, 7]

そもそも

arrow関数では無理でしょうか？
趣味で勉強し始めたので無理等のご指摘お願いいたします。

Answer 1

filter() は使いません。

arr = arr.map(num => num < 4 ? num * 2 : num);