在JS方法中返回多个值的方法汇总

最新推荐文章于 2023-02-09 14:54:42 发布
最新推荐文章于 2023-02-09 14:54:42 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： web前端技术 javascript 文章标签： javascript

在JS方法中返回多个值的方法汇总

在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用下面的几种方法都可以实现：
使用数组的方式，如下：

<html>
<head>
 <title>JS函数返回多个值</title>
</head>
<body>
 <input type="button" onclick="getNames()" value="test" />

 <script type="text/javascript">
function getData()
{
 var names=new Array("oec2003","oec2004");
 return names;
}
function getNames()
{
 var names=getData();
 alert(getData()[0]); //返回oec2003
}
</script>

</body>
</html>

将数据封装到Json中返回，如下：

<html>
<head>
<title>JS函数返回多个值</title>
</head>
<body>
<input type="button" onclick="getInfo()" value="test"/>
<script type="text/javascript">
function getData()
{
 var info={"name":"oec2003","age":"25"};
 return info;
}
function getInfo()
{
 var info=getData();
 var name=info["name"];
 var age=info["age"];
 alert("姓名："+name+" 年龄："+age);
}
</script>
</body>
</html>
更详细的Json的介绍请看这里
这是最简单的一种方法，看下面代码：
<html>
<head>
<title>JS函数返回多个值</title>
</head>
<body>
<input type="button" onclick="getInfo()" value="test"/>
<script type="text/javascript">
 function getData()
 {
 return ["oec2003", 25]
 }
 function getInfo()
 {
 var info = getData();
 alert("姓名：" + info[0] + "年龄：" + info[1]);
 }
</script>
</body>
</html>
_panda_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中数组方法汇总
10-23
本文将详细解读JavaScript中数组相关的方法，涵盖了数组元素的增删改查等多个方面，是前端开发者在处理数组时的重要参考资料。 1. 添加和删除元素 - push：在数组的末尾添加一个或多个元素，并返回新的长度。 - ...
JavaScript实现函数返回多个值的方法
10-24
主要介绍了JavaScript实现函数返回多个值的方法,涉及javascript字典类型的使用技巧,需要的朋友可以参考下
Javascript函数返回多个值
左直拳的马桶_日用桶
04-09 1万+
Javascript函数返回多个值左直拳我从来就没有真正掌握过Javascript，又或许是Javascript不断地在发展，有好多东西看起来常常令我觉得十分惊奇。比如说，在网上看到一条Javascript语句：Return [a,b,c,d];这是返回语句，可是它有对方括号，里面多个值。什么意思？难道是返回多个值？那么，在调用方，又如何提取这些返回值？在网上寻寻
JavaScript函数返回多个值
sOSystem的博客
05-20 2672
学习了C C++ JAVA等语言后，最近尝试自学js，有很多相同之处，当然也有完全不同的地方 就比如说js能够在一个函数function中返回return多个值，这一点是我目前学到的语言中独一无二的，想把自己的学习心得记录下来 以此开始我在CSDN上的学习记录 function getResult(num1, num2){ return [num1+num2,num1-num2,num1*num2,num1/num2]; } var resul
在JS方法中返回多个值的三种方法
weixin_34144450的博客
12-11 742
在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用下面的几种方法都可以实现： 1 使用数组的方式，如下： &lt;html&gt; &lt;head&gt; &lt;title&gt;JS函数返回多个值--oec2003&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="butt
js函数返回多个返回值
呼啦圈的专栏
11-05 1786
var w = getClientSize().width; var h = getClientSize().height - 97; function getClientSize() { var a = h = 0; if (window.innerHeight) { a = window.innerWidth; h = window.inner
JavaScript中split() 使用方法汇总
10-24
JavaScript中的split()方法是String对象提供的一个非常实用的方法，用于将字符串分割成子字符串，然后返回一个数组，数组中包含被分割后的子字符串。split()方法是处理字符串时经常使用的功能，尤其在需要将一长串...
js中数组常用方法总结（推荐）
10-17
在JavaScript中，数组是一种常见的数据结构，它提供了一系列的方法来处理数组中的元素。下面将详细介绍一些常用的数组方法，并通过示例代码来展示这些方法的使用。 1. map方法 map方法会遍历数组中的每个元素，并对...
JS中实现函数return多个返回值的实例
10-20
下面小编就为大家带来一篇JS中实现函数return多个返回值的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在JS方法中返回多个值的方法：return {......}
qq_24090249的博客
02-09 3096
【JavaScript】在JS方法中返回多个值的方法。这里用返回两个值来举例：在一个方法中,把要返回的变量值用花括号框起来...
JavaScript - 函数返回多个值、闭包、设置参数默认值
小高今天早睡了吗？
01-07 2770
一、函数返回多个值 函数返回多个值的时候，可以返回一个数组，然后数组的解构，将两个值分别取出来 function fn() { const a = 1; const b = 2; return [a, b] } //利用数组的解构，将两个值分别取出来 const [a, b] = fn(); console.log(a, b); // 1 2 二、闭
JS函数多个返回值
Alecor的博客
02-27 973
function getClientSize() { var a = h = 0; if (window.innerHeight) { a = window.innerWidth; h = window.innerHeight } else { if (document.documentElement && document.d
js-return返回多个值，通过对象的属性访问
xiaowei的博客
12-09 6797
return返回多个值，通过对象的属性访问<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style></style> <script> function add(a,b){ var sum;
js函数多个返回值
weixin_30267785的博客
06-03 85
var w = getClientSize().width; var h = getClientSize().height - 97; function getClientSize() { var a = h = 0; if (window.innerHeight) { a = window.innerWid...
JS中实现函数return多个返回值
热门推荐
kdhcchhnyyzy的博客
08-27 2万+
近期开始着手web前端的工作，主要用到JS、html5+css、以及JS框架（jQuery、dojo等等），在学习和写代码的过程中有一些小经验跟大家一起交流与学习。 今天主要针对“JS实现函数return多个返回值”的方法。 1.函数的基本方法如下： functionA(fp1，fp2，fp3){ ....... return {a1:a,b1:b,c1:c};  //将得到的值a,b,
在JS方法中返回多个值的三种方法（转载）
weixin_30417487的博客
06-04 1336
来源：https://www.cnblogs.com/gxsyj/p/6004574.html 在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用下面的几种方法都可以实现： 1 使用数组的方式，如下： <html> <head> <title>JS函数返回多个值--oec2003</title> </...
JS中reduce方法
最新发布
07-26
JavaScript 中的 `reduce` 方法是一个数组迭代方法，用于将数组元素汇总成单个输出值。这个函数接收两个参数：一个回调函数（accumulator 和 currentValue），以及一个可选初始值（initialValue）。通过遍历数组并应用回调函数的方式，可以对数组元素进行累加、求和、计算平均值等各种操作。 下面是一个基本的例子，展示如何使用 `reduce` 来计算数组中所有元素的总和： ```javascript const numbers = [1, 2, 3, 4, 5]; const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue); console.log(sum); // 输出结果应为 15 ``` 在这个例子中，`reduce` 的回调函数接受两个参数： - `accumulator`：累积的结果，在每次迭代中都会更新。 - `currentValue`：当前处理到的数组元素。 回调函数会按照 `accumulator + currentValue` 的规则在每一次迭代中更新 `accumulator` 的值，直到整个数组都被遍历完毕，最后 `reduce` 方法返回最终的累计结果。 ### 使用 `reduce` 的场景包括但不限于： 1. **累加数值**：计算一组数值的总和。 2. **求最大最小值**：找出数组中最大的数或最小的数。 3. **转换数据结构**：如将数组转化为对象或其他数据结构。 4. **字符串拼接**：将数组中的字符串元素连接成一个字符串。 5. **计算数组平均值**：找到数组元素的平均值。 ### 相关问题: 1. `reduce` 与其他数组方法相比有何优势？ 2. 当需要在数组操作中应用多次条件时，应该如何设计回调函数？ 3. 如果数组为空，`reduce` 是否有特定的行为？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值