다른 변수 집합 내의 변수에 액세스하는 방법

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> 

방법은 단지 그 하나 개의 색상을 참조합니까?

그리고 다시 나는 단지 StrokeStyle는 녹색되고 싶었다 예를 들어 고급 기능

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(); 
}; 

말에

. 그 안에 하나의 변수 만 참조하려면 어떻게해야합니까?

Answer 1

문자열의 하위 문자열을 "변수"로 생각하지 마십시오. 그것은 단지 당신을 혼란시킬 것입니다. 다른 문자열의 하위 문자열을 변경하는 방법을 묻는 중입니다. 이렇게하려면 문자열에 내장 된 replace 또는 split 메서드를 사용합니다. 후자의 경우에는 배열의 join 메서드와 함께 다시 넣을 수 있습니다.

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

: 당신이 제로에 녹색을 설정하기를 원한다면

예 :