根据数组中的值的数量创建一个字符串

时间:2015-05-27 20:03:18

标签: javascript css

所以我试图用Javascript在CSS中创建一个线性渐变。输入您的值SomeFunction("#009DFF", "#FFF", "EFEFEF"),然后我尝试创建一个像

这样的字符串
var css = "linear-gradient(to right, #009DFF, #EFEFEF, #FFF)"

我目前正在使用它来计算数组中的项目数,我只需要帮助将值连接到字符串。有什么想法吗?

for (var i = 0; i < arguments.length; i++) {
    var colorCount = arguments.length;
}

2 个答案:

答案 0 :(得分:3)

将参数转换为数组,连接值并使用额外的CSS位返回:

function SomeFunction() {
    var args = Array.prototype.slice.call(arguments);
    return 'linear-gradient(to right, ' + args.join(", ") + ')';
}

var css = SomeFunction("#009DFF", "#FFF", "EFEFEF");

会输出:

linear-gradient(to right, #009DFF, #FFF, EFEFEF)

请参阅Fiddle

答案 1 :(得分:-1)

使用concat或使用+运算符添加字符串。如果您要组合一组字符串,请考虑使用join代替。