如何访问另一组变量中的变量

Question

如果我使用了变量集

var box =“ rgba（255,255,255,1）”;

以后如何仅将自己选择的颜色更改为0-255？

例如，如果我使用滑块更改值...

<div class="slider">
<input type = "range" min="0" max="255" onchange="box=value"/>
<output id="box">127</output>
</div>

我如何仅参考一种颜色？

然后再来一个更高级的功能

var drawLine = function (x0, y0, x1, y1, alpha) {
context.lineWidth = "hairline";
context.strokeStyle = "rgba(255,255,255," + alpha + ")";
context.beginPath();
context.moveTo(x0, y0);
context.lineTo(x1, y1);
context.closePath();
context.stroke();
};

例如，我只希望StrokeStyle仅变为绿色。 如何仅在内部引用该变量？

Answer 1

不要将字符串内的子字符串视为“变量”； 它只会使您感到困惑。 您要问的是如何更改另一个字符串的子字符串。 为此，您可以使用字符串内置的replace或split方法（在后一种情况下，您可以将其与数组的join方法放在一起）。

例如，如果您想将绿色设置为零：

box=box.replace(/(\d+),(\d+),(\d+),(\d+)/, "$1,0,$3,$4");