jquery - 如何从动态生成的数组值中删除双引号

Question

我在这里有一个简单的概念。单击控制台中的第一个按钮时我会得到一些值，这些值作为增量索引++出现。我已经将值合并并放入第二个按钮的 onclick 数组中，现在输出如下

["$('#chart1')", "$('#chart2')", "$('#chart3')"],

但我唯一需要修复的是删除数组内每个值周围的双角线。我需要这样的输出

[ $('#chart1'), $('#chart2'),$('#chart3')]

下面是代码。

html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div><button id="button1" class="button1">submit1</button> </div>
<div><button id="garray" class="button1">genarete-array</button> </div>

脚本

 var index = 0;
    var id = [];

    $('#button1').on('click', function() {
        index++;
        id.push(`$(\'#chart${index}\')`)
        console.log('chart' + index);
    });

$('#garray').on('click', function() {
console.log(id);
//output [ $('#chart1'), $('#chart2'),$('#chart3')]
})

Answer 1

如果没有双引号，您将无法存储它，但您可以像下面一样替换它。

  var index = 0;
var id = [];

$('#button1').on('click', function() {
    index++;
    var temp="$('#chart"+index+"')";
    id.push(temp);
    console.log('chart' + index);
});

$('#garray').on('click', function() {

var string = JSON.stringify(id);
console.log(string.replace (/"/g,''));

//output [ $('#chart1'), $('#chart2'),$('#chart3')]
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div><button id="button1" class="button1">submit1</button> </div>
<div><button id="garray" class="button1">genarete-array</button> </div>

还有一件事是，如果您希望删除字符串类型以外的引号，您可以使用映射函数。

stringvaribale.map(parseFloat), stringvaribale.map(Number),etc.