string.endswith("") 在 IE 中不起作用（不确定如何使用 Polyfill）

Question

我正在使用 string.endswith() 循环遍历 JSON 对象并找出对象 endswith 的任何属性是否为 "Value" 子字符串。

在查明对象属性是否以"Value" 结尾后，我试图将属性的值四舍五入为 2 位小数，默认为 5 位小数。

这是我的代码

var MyObj= [{"$id":"1","GeoName":"EAST","ReachValue":87.88221970554928,"ReachValue":90.71955219607294,"DepthValue":18.44377295716579,"ShareValue":16.732108234801206},{"$id":"2","GeoName":"WEST","ReachValue":87.88221970554928,"ReachValue":90.71955219607294,"DepthValue":18.44377295716579,"ShareValue":16.732108234801206}];
Obj = JSON.parse(JSON.stringify(MyObj)).map(function (e) {
            return Object.keys(e).reduce(function (p, n) {
                if (n.endsWith("Value"))
                    p[n] = Math.round(e[n] * 100) / 100;
                else
                    p[n] = e[n];
                return p;
            }, {})
        });

以上代码在chrome 和Firefox 中运行良好，而IE 抛出endsWith 不是函数异常。

我发现使用了 pollyfills 的此类问题，我尝试过但失败了。我什至不确定我是否正确使用了 pollyfill。

这就是我的做法，

function polyFillEndswith(searchString, position) {
            if (!String.prototype.endsWith) {
                String.prototype.endsWith = function (searchString, position) {
                    var subjectString = this.toString();
                    if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position > subjectString.length) {
                        position = subjectString.length;
                    }
                    position -= searchString.length;
                    var lastIndex = subjectString.lastIndexOf(searchString, position);
                    return lastIndex !== -1 && lastIndex === position;
                }
            }
        }

Obj = JSON.parse(JSON.stringify(BubbleObj)).map(function (e) {
                return Object.keys(e).reduce(function (p, n) {
                    if (n.polyFillEndswith("Value", "0"))
                        p[n] = Math.round(e[n] * 100) / 100;
                    else
                        p[n] = e[n];
                    return p;
                }, {})
            });

上面的代码是否正确？如果不是，我该如何改变它以实现我的目标？

Answer 1

您拥有的 polyfill 函数实际上是用于将 endsWith 函数附加到本机 String 对象，JavaScript 允许您这样做。它将允许您像往常一样拨打endsWith。

与其将其包装在一个函数中，不如让它立即运行，然后使用普通的endsWith：

if (!String.prototype.endsWith) {
    String.prototype.endsWith = function (searchString, position) {
        var subjectString = this.toString();
        if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position > subjectString.length) {
            position = subjectString.length;
        }
        position -= searchString.length;
        var lastIndex = subjectString.lastIndexOf(searchString, position);
        return lastIndex !== -1 && lastIndex === position;
    }
}

Obj = JSON.parse(JSON.stringify(BubbleObj)).map(function (e) {
    return Object.keys(e).reduce(function (p, n) {
        if (n.endsWith("Value"))
            p[n] = Math.round(e[n] * 100) / 100;
        else
            p[n] = e[n];
        return p;
    }, {})
});

Answer 2

你错误地实现了 polyfill。

您只需要在使用 endsWith 函数之前包含某个位置。

if (!String.prototype.endsWith) {
  String.prototype.endsWith = function(searchString, position) {
      var subjectString = this.toString();
      if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position > subjectString.length) {
        position = subjectString.length;
      }
      position -= searchString.length;
      var lastIndex = subjectString.lastIndexOf(searchString, position);
      return lastIndex !== -1 && lastIndex === position;
  };
}

第 1 行检查您是否需要 polyfill。在第 2 行，该函数被分配给String.prototype.endsWith，这意味着它可以用String.endsWith(searchString, position) 调用

Answer 3

根据要求，您可以使用 String.prototype.slice() 和参数 -5

if (n.slice(-5) === "Value")

或RegExp.prototype.test() 与RegExp /Value$/

if (/Value$/.test(n))