JavaScript 中的冒号

Anika Tabassum Era 2023年1月30日 2022年5月1日
  1. JavaScript 三元运算中的冒号
  2. JavaScript 中用于对象文字结构的冒号
  3. Switch-Case 语句中使用冒号
  4. 在 JavaScript 中使用冒号设置标签
JavaScript 中的冒号

JavaScript 中的冒号 (:) 可以在多种情况下使用。我们将描述三元运算符中的冒号约定、JavaScript 对象文字结构、switch-case 语句和 go-to 语句或设置标签。

JavaScript 三元运算中的冒号

JavaScript 中的条件操作也可以在内联结构中实现,而 if-else 语句的这种规范看起来更加简洁明了。

首先,应用将执行语句的条件,如果该条件失败,则将执行下一条语句。这里语句之间的剖析符号是冒号。

var p = 42;
var q = 7;

console.log(p>q? "It's " + p : "Oops it's " + q);

输出:

JavaScript 三元操作符中的冒号

JavaScript 中用于对象文字结构的冒号

在 JavaScript 中的对象字面量结构的情况下,键值对用冒号设置。冒号左边是 keys,冒号右边是 value

var object = {
  hair: "long",
  color: "black",
  age: 42
}

console.log(object.color + object.age);

输出:

object_literal_and_colon

Switch-Case 语句中使用冒号

switch-case 语句有多种情况可以得出合适的解决方案。

在初始化案例时,我们用冒号将它们与代码块分开。甚至 switch-case 中的默认语句也用冒号指示。

var day;
switch(new Date().getDay()){
  case 6:
    day = "It's Saturday";
    break;
  case 0:
    day = "It's Sunday";
    break;
  default:
    day = "Oh it's not holiday."
}

console.log(day);

输出:

switch_statement_with_colon

在 JavaScript 中使用冒号设置标签

在大多数情况下,这种编码实践并不是很受欢迎,但可以帮助解决许多问题。在标记某个代码块之后,我们在标签之后使用冒号。

var x = 5;
var y = 42;
var z = 0;
sum:
while(x<y){
   z = x++;
   if(x>=y){
     break sum;
   }
}

console.log(z);

输出:

set_labels_with_colon

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn GitHub Facebook