JavaScript 中的冒号

  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

Enjoying our tutorials? Subscribe to DelftStack on YouTube to support us in creating more high-quality video guides. Subscribe
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