JavaScript 从函数返回多个值 - JavaScript

在 JavaScript 中，函数可以返回一个或多个值。这使得代码更加灵活，可以更好地处理各种情况。

返回多个值的方法

有几种方法可以从 JavaScript 函数中返回多个值：

方法 1：使用数组

将所需的值作为数组元素返回。例如：

function multipleValues() {
  var values = ['foo', 'bar', 'baz'];
  return values;
}

var result = multipleValues();
console.log(result[0]); // 输出 'foo'
console.log(result[1]); // 输出 'bar'
console.log(result[2]); // 输出 'baz'

注意：使用数组返回多个值时，必须知道数组中值的顺序。

方法 2：使用对象

将所需的值作为对象的属性返回。例如：

function multipleValues() {
  var values = {
    foo: 'hello',
    bar: 'world',
    baz: '!'
  };
  return values;
}

var result = multipleValues();
console.log(result.foo); // 输出 'hello'
console.log(result.bar); // 输出 'world'
console.log(result.baz); // 输出 '!'

注意：使用对象返回多个值时，可以根据属性名来访问各个值。

方法 3：使用 ES6 中的解构赋值

ES6 引入了解构赋值语法，使得从数组和对象中提取值变得更加简单。例如：

function multipleValues() {
  var values = ['foo', 'bar', 'baz'];
  return values;
}

var [a, b, c] = multipleValues();
console.log(a); // 输出 'foo'
console.log(b); // 输出 'bar'
console.log(c); // 输出 'baz'

function multipleValues() {
  var values = {
    foo: 'hello',
    bar: 'world',
    baz: '!'
  };
  return values;
}

var {foo, bar, baz} = multipleValues();
console.log(foo); // 输出 'hello'
console.log(bar); // 输出 'world'
console.log(baz); // 输出 '!'

注意：使用解构赋值语法时，变量名必须与数组或对象中属性名或索引一致。

总结

JavaScript 支持从函数中返回多个值的方法包括使用数组、对象和解构赋值。根据具体情况，选择不同的方法可以使代码更加简单和灵活。