동적 스크립트 변수

동적 변수는 명령문과 논리식을 실행하여 자체 값을 계산합니다. 동적 변수는 계산 또는 연산의 결과를 자신에게 할당합니다. 동적 변수 유형은 동적 문자열, 동적 숫자 및 동적 True/False(Boolean)입니다. 

그림은 변수 유형이 동적임을 지정하는 데 사용되는 번개 모양을 보여줍니다.

사용자 인터페이스에서 동적 변수는 다른 변수 유형과 구별하기 위해 번개 기호로 지정됩니다. 동적 변수의 값은 선택한 Math.js 표현식과 Genesys에서 개발한 추가 기능을 포함할 수 있는 JavaScript와 유사한 명령문의 결과입니다. 보다 산술 연산자 및 함수, MathJS 함수 참조, 그리고 동적 변수에서 사용할 수 있는 추가 기능. 동적 변수의 논리식은 다른 변수의 상태를 평가할 수 있습니다.

각 동적 변수 유형을 사용하여 표현식을 포함할 수 있습니다. 이러한 명령문은 잠재적으로 다른 변수를 기반으로 하는 변수의 값을 정의합니다. 결과는 동적 변수의 유형과 일치해야 합니다. 예를 들어, 동적 문자열의 코드는 문자열 값으로 평가되어야 합니다.

참고: 의 많은 예 MathJS 문서 자바스크립트로 작성되었습니다. Genesys Cloud 스크립트 디자이너는 "수학"을 포기해야 합니다. 각 표현식의 시작 부분에서 접두사. 예를 들어 문서화된 MathJS 표현식이 수학.add(1,3), 로 변환 추가(1,3) 동적 변수에서. 또는 MathJS 문서의 예제 코드가 다음과 같은 경우 math.fraction(분자, 분모), 등가 동적 숫자 변수는 분수(분자, 분모) 부분.

동적 변수에 할당하는 경우 명시적으로 수행하지 않습니다. 평가된 마지막 값이 동적 변수에 할당됩니다. 예를 들어 다음 표현식을 동적 변수로 입력하는 경우:

x = 5; 
y = x + 2; 
x

세 표현식 모두 하향식 순서로 평가됩니다. 마지막 표현식의 값이 동적 변수에 할당됩니다. 이 예에서 x의 값은 5이며 동적 변수에 할당됩니다.

예 1: 동적 숫자를 사용하여 양식의 사용자 입력 계산

이 예에서 동적 숫자 변수는 양식에 입력된 여러 값의 결과를 계산합니다.

그림은 디자인 모드의 입력 양식을 보여줍니다.

디자인 모드에서 입력 상자의 수직 스택은 사용자 입력을 요청합니다.

그림은 미리보기 모드에서 양식의 모양을 보여줍니다.

미리 보기 모드 또는 런타임에서 양식에 입력된 값은 dNum_TestNum 변수, 결과가 표시됩니다.

NS dNum_TestNum 변수에는 다음 계산을 수행하는 공식이 포함됩니다.

{{num_var1}} + {{num_var2}} - {{num_var3}} * {{num_var4}} / {{Num_TestNum}} + 2.1

그림은 동적 숫자 변수의 계산 공식을 보여줍니다.

위에 표시된 값의 경우 계산은 다음과 같습니다.

10 + 10 - 4 * 2 / 2 + 2.1

계산에 사용되는 변수 중 하나가 변경될 때마다 계산이 수행됩니다.

표시된 예에서 결과가 저장된 dNum_TestNum 18.1입니다.

예 2: 동적 True/False(부울)를 사용하여 숫자 변수가 일치하는지 확인

이 예에서 동적 부울 변수는 다음을 반환합니다. 진실 숫자 입력이 일치하거나 거짓 일치하지 않는 경우.

그림은 2개의 숫자 값이 있는 양식 디자인을 보여줍니다.

디자인 모드에서 페이지는 값이 숫자 변수에 저장된 두 개의 숫자 입력을 보여줍니다. 동적 부울의 코드는 동일한지 비교합니다.

dynamic_boolean_preview

미리 보기 모드에서 또는 런타임에 양식에 입력된 값이 같은지 비교됩니다.

그림은 변수를 편집하는 방법을 보여줍니다.

공식 dBool_Basic 이다:

{{num_dBoolTest}} == {{num_dBoolTest2}}

표시된 값의 경우 dBool_Basic ~이다 거짓 2는 1과 같지 않기 때문입니다.

결과는 입력 변수 중 하나의 값이 변경될 때마다 계산됩니다.

예 3: 문자열 조작

다음 두 예에서는 동적 문자열 변수는 사용자 입력을 구문 분석하고 다시 작성합니다. 의 표현 dStr_Exp 변수는 사용자가 입력한 텍스트를 "재미있습니다."로 다시 씁니다. 의 표현 dStr_테스트 체크 박스가 상태를 변경할 때 대소문자를 반전시킵니다.

그림은 디자인 모드에서 구성 요소와 변수의 모양을 보여줍니다.

사용자가 입력한 텍스트는 다음 위치에 저장됩니다. str_overwrite. 그 아래는 동적 변수입니다. dStr_Exp 이 표현을 수행:

slice("This is fun.", 0 ,length({{str_overwrite}}))

미리보기 모드 또는 런타임 시 입력된 모든 텍스트가 변경됩니다. 값이 다음과 같을 때 문자열이 다시 작성됩니다. str_overwrite 변경.

그림은 런타임 시 페이지의 모양을 보여줍니다.

Swap Lower and Upper 확인란은 다음과 같은 경우를 토글합니다. dStr_테스트. 공식은 다음과 같습니다.

ifElse({{bool_swapLowerUpper}} == false, lower(slice({{str_HELLO worlds}}, 0, length({{str_HELLO worlds}})-6)) + " " + upper(slice({{str_HELLO worlds}}, length({{str_HELLO worlds}})-6)), upper(slice({{str_HELLO worlds}}, 0, length({{str_HELLO worlds}})-6)) + " " + lower(slice({{str_HELLO worlds}}, length({{str_HELLO worlds}})-6)))

문자열의 대소문자를 반전하려면 확인란을 선택합니다.

예 4: 정규식을 사용하여 문자열 및 숫자의 유효성 검사

이 예에서 동적 부울 변수는 다음을 반환합니다. 진실 문자열 입력이 제공된 정규식과 일치하는 경우:

스크립터 True/False 변수

여기에 사용된 정규식은 ^\\d{1,4}$: – 핵심 정규식은 \d{1,4} (한 자리에서 네 자리 사이): 슬래시는 자바스크립트 문자열이기 때문에 이중화(이스케이프 처리)되고 다음으로 래핑됩니다. ^^  그리고 $ 전체 문자열에 패턴을 적용하려면 다음을 수행하십시오. 기본적으로 부분 일치가 허용되므로 이 래핑이 없으면 부분 일치 "1234" 때문에 12345가 통과됩니다.

텍스트는 정규식과 일치합니다.

텍스트는 정규식과 일치합니다. false

텍스트는 정규식과 일치합니다. true

정규식 및 디버깅에 대한 자세한 내용은 다음을 참조하세요. 정규식.