JavaScript 返回多个值

上一节的知识讲了带参数的函数，getArea用于计算桌子的面积，它返回一个值——桌子的面积。

有的时候需求还真复杂，还是拿桌子来说，要求同时计算桌子的桌面面积，还计算桌子的体积。

计算面积用长度x宽度。

计算体积用长度x宽度x高度。

同时返回面积和体积，怎么办？

用数字类型，仅返回一个数字；

用布尔类型，返回一个值，要么是true，要么是false；

用字符串，可以返回多个信息，但这个信息需要再解析。

目前可以用的有数组、对象；对象还未深入学习。

先看看用数组从来包装多个值。后续再学习用对象返回多个值。

function getSize(length,width,height){

// 先计算面积，放于临时变量中

var area= length*width;

// 再计算体积，放于临时变量中

var volume=length*width*height;

// 声明一个数组，放置面积和体积

var sizes=[area,volume];

// 最后返回这个数组

return sizes;

}

这个函数可以同时算出面积和体积。以数组的形式将面积和体积返回。

使用数据做函数的返回值，不仅可以返回2个值，以后不管什么复杂需求，返回3个4个乃至上成个，都可以用数组做函数的返回值。

接下来我们再来看如何调用返回数组的函数。

// 调用函数getSize

var area=getSize(length,width,height)[0];

var volume=getSize(length,width,height)[1];

说明：

getSize(length,width,height)将返回一个数组。

getSize(length,width,height)[0]，取数组的第一个值。这是数组取值的知识运用。

getSize(length,width,height)[1]，取数组的第2个值。

取值后并赋值给变量area和volume。

完整示例代码如下：

<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8">

<title>返回多个参数的函数</title>

</head>

<body>

<script>

window.onload=function (ev) {

// 声明一个变量，用于临时存储桌子的长度

var length;

length=80;

// 声明一个变量，用于临时存储桌子的宽度

var width = 60;

// 声明一个变量，用于临时存储桌子的高度

var height = 100;

// 调用函数getSize

var area=getSize(length,width,height)[0];

var volume=getSize(length,width,height)[1];

document.write("桌子的宽度是"+width+"<br>");

document.write("桌子的长度是"+length+"<br>");

document.write("桌子的高度是"+height+"<br>");

document.write(" 桌子的面积是"+area+"<br>");

document.write(" 桌子的体积是"+volume+"<br>");

}

function getSize(length,width,height){

// 先计算面积，放于临时变量中

var area= length*width;

// 再计算体积，放于临时变量中

var volume=length*width*height;

// 声明一个数组，放置面积和体积

var sizes=[area,volume];

// 最后返回这个数组

return sizes;

}

</script>

</body>

</html>

转载于:https://www.cnblogs.com/lszw/p/10970713.html

JavaScript 返回多个值相关推荐

在JavaScript中返回多个值？
我试图在JavaScript中返回两个值. 那可能吗? var newCodes = function() { var dCodes = fg.codecsCodes.rs;var dCodes2 = ...
JavaScript的类型、值和变量
计算机程序的运行需要对值进行操作,在编程语言中,能够表示并操作的值得类型称为数据类型.变量用来将值存储起来,变量是值得符号名称. 一.数据类型 JavaScript的数据类型可以分为两类,原生类型和对 ...
javascript基本数据类型与值类型引用类型说明
DEMO: http://sources.ikeepstudying.com/jsdata/ 摘要:本文主要讲了javascript中的基本数据类型,以及值类型和引用类型的区别与使用一.基本数据类型 ...
Thymeleaf模板如何获取springMVC返回的model值
Thymeleaf模板如何获取springMVC返回的model值后台的实现: @RequestMapping("/hello")public String hello(Mode ...
在JS方法中返回多个值的三种方法
在使用JS编程中,有时需要在一个方法返回两个个或两个以上的数据,用下面的几种方法都可以实现: 1 使用数组的方式,如下: <html> <head><title>J ...
javascript返回页面顶部_RobotFramework: 执行JavaScript语句
场景在做web项目时,通常需要开发一些自动化用例,自动化用例执行可以设置触发条件,也可以定时执行,在每次代码发生变更的情况下,自动触发自动化用例执行,可以及时检测修改代码是否引入新的问题,提高产品的 ...
pageoffice 在线编辑 word 文档,保存之后返回自定义的值,并把值传到父页面
1. 描述:最近项目有个在线编辑office 办公文档的功能, 采用的方案是用 pageoffice 在线编辑 office 文档. 因为高版本的谷歌和火狐不支持任何插件了.所以pageoffi ...
JavaScript如何判断一个值是不是数字?
JavaScript如何判断一个值是不是数字? 第一种方法:isNaN() 使用js自带全局函数isNaN(), isNaN()返回一个Boolean值,如下 : var c="hello& ...
python如何返回多个值_python- 如何返回多个值 | 学步园
如何写一个返回多个值的函数函数的return 语句只能返回一个值,可以是任何类型. 因此,我们可以"返回一个 tuple类型,来间接达到返回多个值 ". 例: x 除以 y ...

JavaScript 返回多个值

JavaScript 返回多个值相关推荐

最新文章

热门文章