튜플에서 JavaScript 변수 지정

Tyupeul Eseo Javascript Byeonsu Jijeong



JavaScript의 튜플은 배열과 유사하지만 고정된 수의 요소가 있는 순서가 지정된 요소 모음입니다. 튜플의 각 요소는 다른 데이터 유형일 수 있습니다. 튜플은 JavaScript에 내장된 기능이 아니지만 배열을 사용하여 시뮬레이션할 수 있습니다.

이 게시물에서는 튜플의 변수 할당에 대해 설명합니다.







튜플에서 JavaScript 변수 할당

자바스크립트에서는 ' 구조 분해 할당 ” 튜플의 값을 변수에 할당하는 기능. Destructuring 할당은 배열이나 개체에서 값을 추출하여 변수에 할당하는 JavaScript 기능입니다. 이 기능은 배열 또는 개체에서 데이터를 추출하여 코드를 더 읽기 쉽고 유지 관리할 수 있도록 만드는 데 유용합니다.



통사론



비구조화 할당을 사용하려면 다음 구문을 사용하여 튜플의 값을 변수에 할당합니다.





const [ 아, 나, 다 ] = [ 1 , 2 , ]


위 구문에 따르면 변수 ' '에 '의 값이 할당됩니다. 1 ”, “ '는 '에 의해 할당됩니다. 2 ', 그리고 ' '에 '값이 할당됩니다. '.

JavaScript에서 배열과 객체는 모든 유형의 데이터와 여러 요소를 저장하는 데 사용할 수 있으므로 튜플로도 사용하십시오.



const [ 가, 나 ] = 배열;


나머지 연산자(…)를 사용하여 배열 또는 개체에서 나머지 요소를 검색할 수도 있습니다.

const [ a, b, ...레스트 ] = 배열;


예 1: 튜플에서 정수, 부울 및 문자열 변수 값 할당

'라는 배열을 만듭니다. 튜플 ”, 정수, 부울 값 및 문자열을 저장합니다.

const 튜플 = [ 열하나 , 진실 , '리눅스' ] ;


구조 분해 할당을 사용하여 튜플의 값을 변수 ' 엑스 ”, “ 그리고 ', 그리고 ' 와 함께 ”:

const [ 엑스, 와이, 지 ] = 튜플;


콘솔의 각 변수에 할당된 값을 인쇄합니다.

console.log ( 엑스, 와이, 지 ) ;


튜플에서 변수가 성공적으로 할당되었음을 확인할 수 있습니다.


예 2: 튜플에서 정수 및 문자열 변수 값 할당

주어진 예에서 우리는 ' 속성 값을 할당할 것입니다. 지정 '라는 변수에 ' ”:

const 객체 = { 이름: '코븐 ', 나이: 28, 호칭: ' 인사 '};


소멸 할당을 사용하여 변수 'des'에 '지정' 값을 할당합니다.

const { 이름: 데스 } = 개체;


할당된 값을 콘솔에 인쇄합니다.

console.log ( ) ;


속성 '지정'의 값이 변수 'des'에 성공적으로 할당된 것을 볼 수 있습니다.


예 3: 나머지 연산자를 사용하여 튜플에서 여러 변수 값 할당

배열을 만들고 여러 유형의 데이터를 저장합니다.

const 튜플 = [ '1100' , 진실 , '리눅스' , 열하나 , 5 , , 9 ] ;


이제 배열에서 나머지 요소를 추출하기 위해 소멸 할당과 함께 나머지 연산자(…)를 사용합니다.

const [ x, y, z, ...w ] = 튜플;


마지막으로 '를 사용하여 콘솔의 모든 변수에 대한 모든 값을 인쇄합니다. 콘솔.로그() ' 방법:

console.log ( x, y, z, ~ 안에 ) ;


보시다시피 변수 ' 엑스 '에는 정수 값 '이 할당됩니다. 1100 ”, “ 그리고 ' 부울 값 ' 진실 ”, “ 와 함께 ” 값으로 “ 리눅스 ' 및 나머지 정수 값 ' 11, 5, 3, 9 '는 변수 '에 할당됩니다. ~ 안에 ” 나머지 연산자(…) 사용:


튜플의 값을 변수에 할당하는 것이 전부입니다.

결론

튜플에서 변수에 값을 할당하려면 '라는 JavaScript 기능을 사용하십시오. 구조 분해 할당 '. JavaScript에서 튜플을 사용하여 튜플에서 값을 추출하고 간결하고 읽기 쉬운 방식으로 변수에 할당하는 작업을 쉽게 해주는 강력한 기능입니다. 배열 또는 객체의 나머지 요소는 나머지 연산자(…)를 사용하여 추출할 수도 있습니다. 이 게시물은 튜플에서 변수 할당을 설명했습니다.