':'(콜론)은 자바스크립트에서 무엇을 합니까?

':'(콜론)은 자바스크립트에서 무엇을 합니까?

저는 자바스크립트를 배우고 있고 jQuery 라이브러리를 검색하는 동안 볼 수 있습니다.:(colon) 많이 사용되고 있습니다.이것은 자바스크립트에서 무엇에 사용됩니까?

// Return an array of filtered elements (r)
// and the modified expression string (t)
   return { r: r, t: t };

var o = {
    r: 'some value',
    t: 'some other value'
};

와 기능적으로 동치입니다.

var o = new Object();
o.r = 'some value';
o.t = 'some other value';

또한 콜론은 문장에 레이블을 붙이는 데 사용될 수 있습니다.예를들면

var i = 100, j = 100;
outerloop:
while(i>0) {
  while(j>0) {
   j++

   if(j>50) {
     break outerloop;
   }
  }
i++

}

여러분은 콜론이 3원 연산자에서도 사용된다는 것을 잊고 있습니다(jquery가 이 목적으로 사용하는지는 모르겠지만).

ternary 연산자는 if/then 문의 식(express이온이 값을 반환함)입니다.다음과 같이 쓰입니다.

var result = (condition) ? (value1) : (value2) ;

if/then과 마찬가지로 3원 연산자를 사용하여 부작용을 발생시킬 수도 있지만, 이는 매우 나쁜 관행입니다.

':'는 기본적으로 키 값 쌍의 구분 기호입니다.예제에서는 Javascript Object Literal 표기법입니다.

javascript에서 Objects는 속성의 식별자를 구분하는 콜론과 그 값으로 정의되므로 다음을 가질 수 있습니다.

return { 
    Property1 : 125,
    Property2 : "something",
    Method1 : function() { /* do nothing */ },
    array: [5, 3, 6, 7]
};

다음과 같이 사용합니다.

var o =  { 
    property1 : 125,
    property2 : "something",
    method1 : function() { /* do nothing */ },
    array: [5, 3, 6, 7]
};

alert(o.property1); // Will display "125"

JSON(Javascript Object Notation)이라고도 불리는 이 서브셋은 서버측 언어에서 콤팩트하고 구문 분석이 빠르기 때문에 AJAX 호출에서 유용하며, 자바스크립트는 JSON 문자열을 객체로 쉽게 디시리얼화할 수 있습니다.

// The parenthesis '(' & ')' around the object are important here
var o = eval('(' + "{key: \"value\"}" + ')');

특별한 문자나 공백이 포함되어 있는 경우에는 키를 따옴표 안에 넣을 수도 있지만 작업하기가 더 어려워지기 때문에 권장하지는 않습니다.

자바스크립트 언어의 자바스크립트 객체 리터럴 노테이션은 메시지 전달을 위한 JSON 표준과 다릅니다.이 둘의 주요 차이점은 함수와 생성기가 JSON 표준의 일부가 아니라 JS 객체 리터럴에서 허용된다는 것입니다.

개체 리터럴 구문의 일부입니다.기본 형식은 다음과 같습니다.

var obj = { field_name: "field value", other_field: 42 };

그러면 다음을 통해 이러한 값에 액세스할 수 있습니다.

obj.field_name; // -> "field value"
obj["field_name"]; // -> "field value"

기본적으로 객체의 메소드를 제공하는 값으로서 함수를 가질 수도 있습니다.

obj['func'] = function(a) { return 5 + a;};
obj.func(4);  // -> 9

변수의 개체를 나열하는 데 사용할 수 있습니다.또한 if 문장의 축약어로 조금 사용됩니다.

var something = {face: 'hello',man: 'hey',go: 'sup'};

이렇게 부르는 것도

alert(something.man);

if 문장도:

function something() {  
  (some) ? doathing() : dostuff(); // if some = true doathing();, else dostuff();
}

이것들은 일반적으로 자바스크립트에서 콜론 ':'이 사용되는 시나리오입니다.

1- 개체 선언 및 초기화

var Car = {model:"2015", color:"blue"}; //car object with model and color properties

2- Label 설정 (제어 구조 및 스파게티 코드가 복잡하여 권장하지 않음)

List: 
while(counter < 50)
{
     userInput += userInput;
     counter++;
     if(userInput > 10000)
     {
          break List;
     }
}

3 - 입력 스위치 문

switch (new Date().getDay()) {
    case 6:
        text = "Today is Saturday";
        break; 
    case 0:
        text = "Today is Sunday";
        break; 
    default: 
        text = "Looking forward to the Weekend";
}

4 - 인터네셔널 오퍼레이터

document.getElementById("demo").innerHTML = age>18? "True" : "False";

colon이 각 "case" 뒤에 사용되는 switch 문을 잊지 말아야 합니다.

자바스크립트에서 콜론의 또 다른 용도는 변수의 이름을 바꾸는 것입니다.

const person = { 
    nickNameThatIUseOnStackOverflow: "schlingel",
    age: 30,
    firstName: "John"
};
let { nickNameThatIUseOnStackOverflow: nick } = person; // I take nickNameThatIUseOnStackOverflow but want to refer it as "nick" from now on.
nick = "schling";

코드에서 이름을 바꾸려는 어색한/긴 변수 이름을 가진 값을 반환하는 타사 라이브러리를 사용하는 경우 유용합니다.

그것은 JSON, 즉 자바스크립트 객체 표기법입니다.개체 또는 해시 맵을 빠르게 설명하는 방법입니다.대장 앞에 있는 것이 재산명이고 대장 뒤에 있는 것이 가치입니다.따라서 이 예제에는 변수 r에 있는 값이 무엇이든 "r" 속성이 있습니다.같은 요새.

제가 얼마 전에 했던 바보 같은 실수 하나가 사람들에게 도움이 될지도 모릅니다.

이와 같은 경우 ":"를 사용하는 경우 값이 변경되지 않습니다.

var ondrag = (function(event, ui) {
            ...

            nub0x: event.target.offsetLeft + event.target.clientWidth/2;
            nub0y = event.target.offsetTop + event.target.clientHeight/2;

            ...
        });

따라서 "nub0x"는 처음 발생하는 이벤트로 초기화되며 값이 변경되지 않습니다.그러나 "nub0y"는 다음 이벤트 동안 변경됩니다.

언급URL : https://stackoverflow.com/questions/418799/what-does-colon-do-in-javascript