JavaScript 中的冒号

Anika Tabassum Era 2023年10月12日
  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 Facebook