首页 > 解决方案 > 访问 javascript 中元组的所有元素

问题描述

我从 python 后端代码向前端发送了一个元组,并尝试访问我的 javascript 代码中元组的所有元素。

在这里,“数据”是一个包含 RGB 颜色代码的元组,例如 (255,0,0),我已将其传递给前端。当我将此元组(此处为“数据”)分配给 javascript 中的变量时,该变量说“x”仅采用元组的最后一个元素,但我需要元组的所有元素,我如何访问一个的所有元素javascript中的元组?

<script type="text/javascript">
  var x= {{data}};// access python variable inside html/javascript using double curly braces
  console.log(x);//gives the last element of tuple, e.g output: 0 if data=(255,0,0)
</script>

标签: javascriptpythontuples

解决方案


我尝试了很多东西,考虑将元组转换为字符串,然后基于逗号(“,”)进行切片,但我发现在 javascript 中,如果您为任何变量分配逗号分隔值,括在圆括号内(“( ",")") ,变量只取最后一个元素。

<script>
var a=("apple","grapes","orange");
console.log(a);//output will be "orange"
</script>

所以我尝试的是:

<script>
var z= new Array{{data}};//"data" is tuple 
console.log(z[0],z[1],z[2]);//output:255,0,0 if data=(255,0,0)
</script>

它奏效了!!


推荐阅读