Program Tip

JavaScript에서 '와'의 차이점은 무엇입니까?

programtip 2020. 11. 10. 22:08
반응형

JavaScript에서 '와'의 차이점은 무엇입니까?


나는 이 질문을 보았고 JavaScript에서 같은 것에 대해 궁금합니다.

JavaScript에서 문자열을 만들 때 문자 '또는'문자를 사용하면 응용 프로그램이 동일하게 동작하는 것 같습니다.이 두 문자의 차이점은 무엇입니까?

'를 사용하여 문자열을 작성할 때 본 유일한 이점은 다음과 같은 작업을 수행 할 수 있다는 것입니다.

var toAppend = '<div id="myDiv1"></div>';

대신에:

var toAppend = "<div id=\"myDiv1\"></div>";

내가 알아야 할 중요한 차이점이 있습니까?


모든 의도와 목적에 동일합니다. 하나를 문자열 내부에 사용하려면 앞서 언급했듯이 다른 하나를 사용하여 문자열을 만드는 것이 좋습니다. 그 외에는 모두 동일합니다.


기술적으로 Javascript의 차이점은 아니지만 작은 따옴표로 묶인 문자열은 그 자체로 유효한 JSON아닙니다 . 사람들은 JSON이 유효한 JS이기 때문에 유효한 JS 문자열도 유효한 JSON이라고 자동으로 가정한다고 생각 합니다 .

예를 들어 {'key': 'Some "value"'}유효한 JSON이 아닌 반면 {"key": "Some 'value'"}입니다.


차이가 없습니다. 그 존재 이유는 정확히 당신이 언급 한 것입니다


Mozilla에 따르면 좋은 방법은 HTML에서 ""를 사용하는 것입니다 ( ''를 사용할 수없는 경우). 자바 스크립트에서 ''를 예약하는 동안 ( ""과 ''모두 무관심하게 사용할 수 있음) ...


다른 차이가 있다고 생각합니다. 다음을 수행하면

var str1 = 'The \' character';
var str2 = 'The " character';
var str3 = "The ' character";
var str4 = "The \" character";
document.write (str1.replace("'","%26");
document.write (str2.replace('"',"%22");
document.write (str3.replace("'","%26");
document.write (str4.replace('"',"%22");

document.write는 str1 및 str4에 대해 실패합니다. 그것이 차이이지만 작동하도록하는 해결 방법이 있는지 모르겠습니다.


이 시도:

console.log("mama+"mama"")

Output : Uncaught SyntaxError: missing ) 
after argument list

이제 시도해보십시오.

console.log('mama+"mama"')

Output :  mama+"mama"

위와 같이 차이는 없지만 상황에 따라 문자열 안에 "/ '를 사용해야합니다.

문자열을 변수와 연결해야하는 상황에 대한 더 나은 방법은 템플릿 문자열을 사용하는 것입니다. Price: ${price}, Amount: ${amount}. Total: ${price*amount}

이것이 "및 '를 추가하고 변수를 연결할 수있는 방법입니다.

훨씬 읽기 쉽고 쓰기가 훨씬 쉽습니다.


경고!!!!

차이가 있습니다. 배열에 추가 할 때 둘 중 하나를 사용해야합니다. 두 가지 유형의 따옴표를 사용하면 배열이 혼동됩니다.

예:

//WILL NOT WORK
var array = ["apple","orange","banana"];

array.push('pear');

//WILL WORK
var array = ["apple","orange","banana"];

array.push("pear");

참고 URL : https://stackoverflow.com/questions/944081/what-is-the-difference-between-and-in-javascript

반응형