变量输入变为无效并破坏.charAt []

时间:2018-07-10 07:00:12

标签: javascript function encoding base charat

https://jsfiddle.net/The95Chaps/2L4t9saq/180/是我的小提琴

大多数代码都是无用的,只会发布重要的内容

var baseConverter = function(r, e, n) {
  var o = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
  if (e <= 0 || e > o.length || n <= 0 || n > o.length) return console.log("Base unallowed"), null;
  var l, t = 0;
  if (10 != e) {
    var a = r.length;
    for (l = 0; l < a; l++) {
      var u, f = -1;
      for (u = 0; u < o.length; u++)
        if (r[l] == o[u]) {
          f = 1;
          break
        }
      if (u >= e) return console.log("Symbol unallowed in baseform"), null;
      if (-1 == f) return console.log("Symbol not found"), null;
      var s = a - l - 1;
      t += 0 == s ? u : u * Math.pow(e, s)
    }
  } else t = parseInt(r);
  if (10 != n) {
    for (var g = []; t > 0;) {
      var i = t % n;
      if (i < 0 || i >= o.length) return console.log("Out of bounds error"), null;
      g.push(o[i]), t = parseInt(t / n)
    }
    return g.reverse().toString().replace(/,/g, "")
  }
  return t.toString()
}

var b36torgba = function(input) {
  for (var i = 1; i < (input.length / 8) + 1; i++) {
    var arr = input
    var r = arr.charAt[0 + (i - 1) * 8] + "" + arr.charAt[1 + (i - 1) * 8]
    var g = arr.charAt[2 + (i - 1) * 8] + "" + arr.charAt[3 + (i - 1) * 8]
    console.log(g.charAt[2])
    var b = arr.charAt[4 + (i - 1) * 8] + "" + arr.charAt[5 + (i - 1) * 8]
    console.log(b)
    var a = arr.charAt[6 + (i - 1) * 8] + "" + arr.charAt[7 + (i - 1) * 8]
    console.log(a)
    var rrgba = baseConverter(r, 36, 10)
    var grgba = baseConverter(r, 36, 10)
    var brgba = baseConverter(r, 36, 10)
    var argba = baseConverter(r, 36, 10)
    var bigMessOfAVariable = "rgba(" + rrgba + "," + grgba + "," + brgba + "," + argba + "),"
    return bigMessOfAVariable;
  }
}

您可以忽略顶部函数,它只是一个基本的转换器脚本,它接受三个输入,一个输入,其输入的基数,以及应转换为的基数:例如baseConverter(73,36,10 )将输出255。

现在,问题出在我的b36torgba函数上。 它将包含一个字符串,该字符串的长度保证为0、8或8的倍数,这只是为了确保所有内容都能平稳运行而没有700个indexOf[]函数的标准化。 >

它接受输入,然后将其除以8,这告诉函数它必须经过多少个字节,以及将吐出多少个字节,因此字符串"[7300002S7300002S]"应该(除以8)输出2,因此脚本运行2次迭代。

当前,它应该接收字符串,并将每组2个字符(按照标准)分配给特定变量,这将允许将其全部放在末尾并以相同的字符串输出,但以10为底rgba(因此正在使用73,base 36中的73是255),但是在执行任何操作之前,它会在尝试查找字符串中的字符时中断,并说以下语法错误:

未捕获的TypeError:无法读取未定义的属性'0'

at b36torgba((index):40)

在window.onload((index):55)

为什么在尝试将字符串输入到我的charAt()中时,它会立即中断?

ps:我确实了解代码处于当前状态,如果能正常工作,它只会输出最后8个字符的rgba值

1 个答案:

答案 0 :(得分:1)

容易犯错。您通过执行charAt(使用方括号)而不是charAt[index](使用圆括号)来使用charAt(index)(这是一个函数)。解决这个问题应该可以解决您的问题。

此外-您正在JSFiddle中执行b36torgba(["7300002S7300002S"])并尝试对其进行字符串操作来调用该函数。由于["7300002S7300002S"]是一个数组,而不是字符串,因此.charAt()不能在其上使用。尝试通过执行b36torgba("7300002S7300002S")来调用函数。