我明白了 .push 不是函数？为什么？ Greasemonkey 脚本

Question

我在下面写了一个 greasmonkey 脚本，谁能告诉我为什么会出现这个错误？它在我删除 document.add 事件侦听器时有效，但我希望它与包含的事件一起使用。

此脚本匹配用户输入到字段中的输入，然后将其与具有匹配标签的产品匹配，在本例中是发饰，如果输入都输入到字段中，然后产品 ID 匹配，然后它将显示弹出消息，该消息已存储在稍后脚本中的变量中。

（错误 - 未捕获的类型错误：restrictedItems.push 不是函数）

任何有关此的帮助都会有助于使其正常工作，我看过很多文章，none 目前正在提供帮助。

// ==UserScript==
// @name        Age Verification
// @namespace   http://tampermonkey.net/
// @include     /https?:\/\/Whosebug\.com\/*/
// @require     https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
// @require     https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
// @resource    buttonCSS https://raw.githubusercontent.com/necolas/css3-github-buttons/master/gh-buttons.css
// @resource    bootstrapCSS https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
// @resource    githubButtonIconSet https://raw.githubusercontent.com/necolas/css3-github-buttons/master/gh-icons.png
// @grant       GM_addStyle
// @grant       GM_getResourceText
// @grant       GM_getResourceURL
// @grant       GM_xmlhttpRequest
// @grant       GM_log
// ==/UserScript==

(function() {
    'use strict';

    var xmlhttp = new XMLHttpRequest();
    var page = 1;
    var url = "";
    var restrictedItems = [];

    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var results = JSON.parse(this.responseText);
            processResults(results);
        }
    };

    getProducts();

    function getProducts(page) {
        url = "/api/products/active/1/page/"+page+"/page_size/200";
        xmlhttp.open("GET", url, true);
        xmlhttp.send();
    }

    function processResults(resultsArray) {
        var out = "";
        var i;
        resultsArray.products.forEach(function(product) {
            if (product.tags.includes('Hair Accessories')) {
                // NOTE: This will probably not work with the "Sell Screen 3" script as that adds enhanced functionality for the barcode/SKU that this probably won't detect
                restrictedItems.push(product.sku);
            }
        });

        //console.log(resultsArray);
        //console.log(restrictedProducts);
        if (resultsArray.pagination.page < resultsArray.pagination.pages) {
            page++;
            getProducts(page);
        }
    }


    document.addEventListener("keyup", function(e) {
    restrictedItems = e.target.value;
        console.log(restrictedItems);

        });


document.head.appendChild(cssElement(GM_getResourceURL ("githubButtonIconSet")));
document.head.appendChild(cssElement(GM_getResourceURL ("buttonCSS")));
document.head.appendChild(cssElement(GM_getResourceURL ("bootstrapCSS")));




document.body.onkeyup = function(e){

    if(e.keyCode == 13){
        gettingdata();

    }
}

function cssElement(url) {
  var link = document.createElement("link");
  link.href = url;
  link.rel="stylesheet";
  link.type="text/css";
  return link;
}



function gettingdata() {

    var scannedItem = document.getElementsByClassName('vd-input')[0].value;
    console.log(restrictedItems);
    console.log(scannedItem);


    for (var i = 0; i < scannedItem.length; i++) {
    if (restrictedItems[i] == scannedItem) {

        bringUpModal();
        return true;
         }

    }
    return false;

}

function bringUpModal () {
    'use strict';
    var modalHtml = `
<!-- Modal -->
<style>
.body{-webkit-filter: blur(5px) grayscale(90%);}
</style>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header" style="background-color:#3A4953;">
        <h4 class="modal-title" id="myModalLabel" style="color:white; text-transform: uppercase;" ><b>Age Restricted Item</b></h4>
      </div>
      <div class="modal-body">
        <p style="font-weight:700;"> Have you checked the age of the Person? Only a Valid Passport or Driving Licence may be accecpted for ID </p>
<br/>
<br/>
<center>
        <img src="https://www.speedy-delivery.ca/uploads/369x0_170x0/badge-ID25.png" >
</center>
<br/>
<br/>
       <ul>
          <li><b>Liqueur</b> - 16 Years Old </li>
          <li><b>Alcohol</b> - 18 Years Old </li>
          <li><b>Lighter Refills</b> - 18 Years Old </li>
          <li><b>Knives and Razors</b> - 18 Years Old </li>
          <li><b>Medicines (Pain Relief)</b> - 2 Packs Only for <b>all ages per transaction</b> </li>
        </ul>

           <p style="color:red; font-weight:700;"> If the person is younger than the age allowed for the item then please remove that item from the checkout process! </p>

      </div>
      <div class="modal-footer">

        <button type="button" class="btn btn-default" data-dismiss="modal" style="color:red; background-color:white; border:solid red;"><b>Failed Age ID Verification</b></button>
        <button type="button" class="btn btn-primary" data-dismiss="modal" style="background-color:#3A4953; color:white;">Approve Age ID Verification</button>
      </div>
    </div>
  </div>
</div>
`;

    $("body").prepend(modalHtml);
    $('#myModal').modal('show');
}
})();

Answer 1

restrictedItems = e.target.value;

您用字符串覆盖了数组。字符串没有 push 方法。

我明白了 .push 不是函数？为什么？ Greasemonkey 脚本

I get .push is not a function? Why? Greasemonkey Script

javascript

greasemonkey

function

typeerror

tampermonkey