関数の使いまわし(左辺の引数代入)

Question

やりたいこと：

変数を利用して下記コードを使いまわせるようにしたい。
例えば、下記コードの２行があるとして、
obj.elm.style.left
obj.elm.style.top
left.topを変えるだけで他のコードの内容は同じなのでその部分だけ変更して
活用できるようにしたい

試してみたこと：

obj.elm.style.left
obj.elm.style.top
の部分を引数にして、引数部分にあらかじめ作成した変数を入れて行おうとしたが、
＝より左側の部分は右側の内容を代入する為、思うような動きにならなかった

const setRight = obj.elm.style.right;

setRight = p.x + 'px'　→　　obj.elm.style.right = p.x + 'px';　←こうなるイメージだったが、
実際は、 setRight = p.x + 'px''(右側の内容がsetRightの中に代入された)

左辺に右辺の内容が代入されるのはよく考えてみたら当然であるが、
この場合、どうすればleft,topのみを変更して関数を利用できるでしょうか？

ご教示お願い致します。

コード：

変更前:

 obj.setPos = (e, o={x:0, y:0}) =>{
    let p = pLim( pos(e, o) );
    obj.elm.style.left = p.x + 'px';
    obj.elm.style.top = p.y + 'px';
    if(checkAll.length == taAll.length) {
        obj.elm.previousElementSibling.style.left = p.x - 15 + 'px';
        obj.elm.previousElementSibling.style.top = p.y + 15 + 'px';
    }
    };

2コ目
 obj.setPos = (e, o={x:0, y:0}) =>{
    let p = pLim( pos(e, o) );
    obj.elm.style.right = p.x + 'px';
    obj.elm.style.top = p.y + 'px';
    if(checkAll.length == taAll.length) {
        obj.elm.previousElementSibling.style.left = p.x - 15 + 'px';
        obj.elm.previousElementSibling.style.top = p.y + 15 + 'px';
    }
    };

obj.setPos = 
～～～～～～～～～～
ほぼ同じ内容のものを4つ作ることになる。
かなりの量になってしまう

変更後：
関数を作るのは一つのみで、引数のみ変更して関数を呼び出しする予定だった。

//引数、setSide,setVirticalに使用する際の変数
   const setLeft = obj.elm.style.left;
   const setRight = obj.elm.style.right;
   const setBottom = obj.elm.style.Bottom;
   const setTop = obj.elm.style.Top;

obj.setPos = (e, o={x:0, y:0}, setSide, setVertical) =>{
    let p = pLim( pos(e, o) );
    setSide = p.x + 'px';
    SetVertical = p.y + 'px';
    if(checkAll.length == taAll.length) {
        obj.elm.previousElementSibling.style.left = p.x - 15 + 'px';
        obj.elm.previousElementSibling.style.top = p.y + 15 + 'px';
    }
    };

Answer 1

JavaScriptではプロパティ名を文字列で指定できるので、プロパティ名を引数にするのはいかがでしょうか。

// horizontalProp は文字列 'left' か 'right'、
// verticalProp は文字列 'top' か 'bottom'。
obj.setPos = (e, o={x:0, y:0}, horizontalProp, verticalProp) =>{
    let p = pLim( pos(e, o) );
    obj.elm.style[horizontalProp] = p.x + 'px';
    obj.elm.style[verticalProp] = p.y + 'px';
    ...

Answer 2

//引数、
   const setLeft = x => obj.elm.style.left = x;
   const setRight = x => obj.elm.style.right = x;
/* 省略  */

obj.setPos = (e, o={x:0, y:0}, setSide, setVertical) =>{
    let p = pLim( pos(e, o) );
    setSide(p.x + 'px');
    SetVertical = p.y + 'px';
    if(checkAll.length == taAll.length) {
        obj.elm.previousElementSibling.style.left = p.x - 15 + 'px';
        obj.elm.previousElementSibling.style.top = p.y + 15 + 'px';
    }
    };

Comments

[rei78087487]

回答ありがとうございます。
関数を使用した方法でこんなこともできるのですね。
多くの場面で使用出来ると思うので是非参考にさせて頂きます。
ありがとうございます。