JavaScript에서 값을 교환하는 10가지 방법 요약
개발 과정에서 우리는 값을 교환해야 한다.일반적으로 우리는 간단한 해결 방안을 사용하고 있다. "임시 변수".하지만 더 좋은 방법이 있다. 그리고 하나만이 아니라 많다.때때로 우리는 인터넷에서 해결 방안을 찾고 찾은 후에 복사하여 붙이지만, 이 작은 코드가 어떻게 작동하는지 생각해 본 적이 없다.이제 우리는 어떻게 쉽고 효율적으로 값을 교환해야 하는지 배워야 한다.
1 임시 변수 사용
먼저 가장 간단한 것이다.
function swapWithTemp(num1,num2){
console.log(num1,num2)
var temp = num1;
num1 = num2;
num2 = temp;
console.log(num1,num2)
}
swapWithTemp(2.34,3.45)수학 마술로 값을 교환할 수도 있다.
function swapWithPlusMinus(num1,num2){
console.log(num1,num2)
num1 = num1+num2;
num2 = num1-num2;
num1 = num1-num2;
console.log(num1,num2)
}
swapWithPlusMinus(2.34,3.45)주의: +와 -를 교환하는 단행 코드 방안이 하나 더 있습니다. 하지만...
그것은 다음과 같다.
function swapWithPlusMinusShort(num1,num2){
console.log(num1,num2)
num2 = num1+(num1=num2)-num2;
console.log(num1,num2)
}
swapWithPlusMinusShort(2,3)
다음 코드를 실행하고 결과를 확인하십시오.
function swapWithPlusMinusShort(num1,num2){
console.log(num1,num2)
num2 = num1+(num1=num2)-num2;
console.log(num1,num2)
}
swapWithPlusMinusShort(2,3.1)
+ 연산자만 사용하면 + 와 - 를 동시에 사용할 수 있습니다.
다음 코드를 참조하십시오.
function swapWithPlus(num1,num2){
console.log(num1,num2)
num2 = num1 + (num1=num2, 0)
console.log(num1,num2)
}
//Try with - operator
swapWithPlus(2.3,3.4)
num2 = num1 + 0
=> num2 = num1.참고: 일부 JavaScript 엔진은 위의 코드를 최적화하여 + 0을 무시할 수 있습니다.
4 연산자 사용* 및/
*와/연산자로 더 많은 수작을 부립시다.
그 원리는 이전의 방법과 같지만, 약간의 작은 문제가 있다.
function swapWithMulDiv(num1,num2){
console.log(num1,num2)
num1 = num1*num2;
num2 = num1/num2;
num1 = num1/num2;
console.log(num1,num2)
}
swapWithMulDiv(2.34,3.45)이제 너는 수학자가 되었다.
그런데 그 사소한 문제는 어디에 있습니까?
한번 시도해 보겠습니다.
function swapWithMulDiv(num1,num2){
console.log(num1,num2)
num1 = num1*num2;
num2 = num1/num2;
num1 = num1/num2;
console.log(num1,num2)
}
// ，
swapWithMulDiv(2.34,0)
그리고 이런 방법의 다른 문제를 살펴보고 아래의 코드를 보십시오.
function swapWithMulDiv(num1,num2){
console.log(num1,num2)
num1 = num1*num2;
num2 = num1/num2;
num1 = num1/num2;
console.log(num1,num2)
}
//
swapWithMulDiv(2.34,Infinity)
하지만 다시 해보고 싶어요.
function swapWithMulDiv(num1,num2){
console.log(num1,num2)
num1 = num1*num2;
num2 = num1/num2;
num1 = num1/num2;
console.log(num1,num2)
}
//
swapWithMulDiv(2.34,-Infinity)
설령 네가 뛰어난 수학자라 하더라도 무능할 때가 있다는 사실이 증명된다.
다음은 * 및/값을 교환하는 비교적 짧은 버전으로, 여전히 같은 문제가 있습니다.
function swapWithMulDivShort(num1,num2){
console.log(num1,num2)
num2 = num1*(num1=num2)/num2;
console.log(num1,num2)
}
swapWithMulDivShort(2.3,3.4)
num2 = num1 * num2 / num2
=> num2 = num15) * 또는/연산자만 사용
function swapWithMul(num1,num2){
console.log(num1,num2)
num2 = num1 * (num1=num2, 1)
console.log(num1,num2)
}
//Try with / and ** operator
swapWithMul(2.3,3.4)
num2 = num1 * 1
=> num2 = num1
6 XOR(비트별 또는 다름)를 사용합니다.
XOR는 바이너리 연산을 위해 사용됩니다.두 개의 다른 입력이 있을 때, 그 결과는 1이고, 그렇지 않으면 0이다.
X
Y
X^Y
일
일
0
일
0
일
0
일
일
0
0
0
먼저 그 작업 원리를 이해해라!
function swapWithXOR(num1,num2){
console.log(num1,num2)
num1 = num1^num2;
num2 = num1^num2;
num1 = num1^num2;
console.log(num1,num2)
}
//
swapWithXOR(10,1)
1의 4비트 이진수 -> 0001
현재:
:
num1 = num1 ^ num2
=> 1010 ^ 0001
=> 1011
=> 7
:
num2 = num1 ^ num2
=> 1011 ^ 0001
=> 1010
=> 10
:
num1 = num1 ^ num2
=> 1011 ^ 1010
=> 0001
=> 1
또 다른 예를 살펴보겠습니다.
function swapWithXOR(num1,num2){
console.log(num1,num2)
num1 = num1^num2;
num2 = num1^num2;
num1 = num1^num2;
console.log(num1,num2)
}
swapWithXOR(2.34,3.45)
다른 예:
function swapWithXOR(num1,num2){
console.log(num1,num2)
num1 = num1^num2;
num2 = num1^num2;
num1 = num1^num2;
console.log(num1,num2)
}
// infinities .
swapWithXOR(-Infinity,Infinity)
7 XNOR 사용
이것은 바이너리 연산에 사용되지만 XOR와는 정반대입니다.두 개의 다른 입력이 있을 때 XNOR의 결과는 0이고 그렇지 않으면 결과는 1입니다.JavaScript는 XNOR을 실행하는 연산자가 없으므로 NOT 연산자로 XOR의 결과를 되돌려야 합니다.
X
Y
XNOR
일
일
일
일
0
0
0
일
0
0
0
일
작동 원리 파악:
function swapWithXNOR(num1,num2){
console.log(num1,num2)
num1 = ~(num1^num2);
num2 = ~(num1^num2);
num1 = ~(num1^num2);
console.log(num1,num2)
}
//
swapWithXNOR(10,1)
1의 4비트 이진수 -> 0001
네 번째 줄:
num1 = ~(num1 ^ num2)
=> ~(1010 ^ 0001)
=>~(1011)
=> ~11
=> -12
-12 => 1100
=> 0011 + 1
=> 0100
num2 = ~(num1 ^ num2)
=> ~(0100 ^ 0001)
=> ~(0101)
=> ~5
=> -6-6
=> 0110
=> 1001 + 1
=> 1010
=> 10
num1 = ~(num1 ^ num2)
=> ~(0100^ 1010)
=> ~(1110)
=> ~14
=> -15-15
=> 1111
=> 0000 + 1
=> 0001
=> 1
다음 값을 시도해 보십시오.
function swapWithXNOR(num1,num2){
console.log(num1,num2)
num1 = ~(num1^num2);
num2 = ~(num1^num2);
num1 = ~(num1^num2);
console.log(num1,num2)
}
swapWithXNOR(2.3,4.5)
이것은 한 가닥의 기교다.코드 한 줄만 있으면 교환할 수 있고, 더 중요한 것은 수학 연산이 필요 없고, 수조의 기본 지식만 필요하다.근데 이상해 보일 수도 있어.
먼저 그것의 실제 효과를 살펴보자.
function swapWithArray(num1,num2){
console.log(num1,num2)
num2 = [num1, num1 = num2][0];
console.log(num1,num2)
}
swapWithArray(2.3,Infinity)
9 해구 표현식 사용
이것은 ES6의 기능입니다.이것은 모든 방법 중 가장 간단한 것이다.코드 한 줄만 있으면 교환을 완성할 수 있습니다.
let num1 = 23.45;
let num2 = 45.67;
console.log(num1,num2);
[num1,num2] = [num2,num1];
console.log(num1,num2);
이것은 가장 이상한 것이다.간단히 말하면 IIFE는 정의된 후 즉시 실행되는 함수입니다.
두 값을 교환할 수 있습니다.
function swapWithIIFE(num1,num2){
console.log(num1,num2)
num1 = (function (num2){ return num2; })(num2, num2=num1)
console.log(num1,num2)
}
swapWithIIFE(2.3,3.4)
총결산
본고는 JavaScript에서 값을 교환하는 데 사용되는 여러 가지 방법을 탐구하였다.도움이 됐으면 좋겠어요!
자바스크립트에서 값을 교환하는 10가지 방법에 대해 소개합니다. 자바스크립트 값을 교환하는 방법에 대한 더 많은 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보시기 바랍니다. 앞으로 많은 응원 부탁드립니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
