PHP foreach-Schleife in Javascript

Wie kann ich eine Schleife wie diese in Javascript?

foreach ($viewData['cure'] as $cure)

In dieser Schleife möchte ich drucken Sie das Ergebnis in JS

$("#new").append('<label for="nice_text">ID Type</label><input type="text" id="nice_text" name="cureIdtype" class="input-text" VALUE="<?php echo (string)$cure["id_type"] ?>"/>');
InformationsquelleAutor Krs | 2014-02-11
  1. 1

    Können Sie einfach beides miteinander verbinden, wie dies

    <script type="text/javascript">
<?php foreach ($viewData['cure'] as $cure): ?>
$("#new").append('<label for="nice_text<?php echo $cure["id"] ?>">ID Type</label><input type="text" id="nice_text<?php echo $cure["id"] ?>"/>" name="cureIdtype" class="input-text" value="<?php echo (string)$cure["id_type"] ?>"/>');
<?php endforeach; ?>
</script>

    Nur sicherstellen, dass Ihre Ids sind eindeutig (ich Hinzugefügt $cure["id"] als ein Beispiel), können Sie auch wollen, ändern Sie die name="cureIdtype" je nachdem, was Sie wollen mit der Eingabe hinterher.

    InformationsquelleAutor Skwal
  2. 1

    War googeln dies für mich, um zu sehen, ob es etwas eleganter aus, als das, was ich haben unten und wollte nicht sehen, meine Lösung erwähnt.

    PHP

    foreach ( $viewData['cure'] as $cure ) {
    ?>
    //your code from above
    $("#new").append('<label for="nice_text">ID Type</label><input type="text" id="nice_text" name="cureIdtype" class="input-text" value="<?php echo $cure["id_type"]; ?>"/>');
    <?php
}

    Javascript

    var cures = <?php echo json_encode( $viewData['cure'] ); ?>;
for ( var key in cures ) {
    var cure = cures[key];
    //your code from above modified to use the Javascript variable created
    $("#new").append('<label for="nice_text">ID Type</label><input type="text" id="nice_text" name="cureIdtype" class="input-text" value="'+cure["id_type"]+'"/>');
}
    InformationsquelleAutor Infineight
  3. 0

    Javascript nicht foreach wie PHP verwenden, benötigen Sie eine regelmäßige for Schleife.

    var a = ["a", "b", "c"];
for (var index = 0; index < a.length; ++index) {
    console.log(a[index]);
}

    (aus https://stackoverflow.com/questions/9329446/for-each-in-an-array-how-to-do-that-in-javascript)

    InformationsquelleAutor Thom Wiggers
  4. 0

    Wenn Sie dies tun wollen, in PHP echo den Inhalt an den browser, würde es so Aussehen:

    foreach ($viewData['cure'] as $cure) {
    echo '$("#new").append("<label for=\'nice_text\'>ID Type</label><input type=\'text\' id=\'nice_text\' name=\'cureIdtype\' class=\'input-text\' VALUE=\'' . (string)$cure['id_type'] . '\'/>")';
}

    Wenn Sie ein JavaScript-array und verarbeiten wollen, dieses dort, würde es wie folgt Aussehen:

    for (var i = 0; i < viewData['cure'].length; ++i) {
    $("#new").append('<label for="nice_text">ID Type</label><input type="text" id="nice_text" name="cureIdtype" class="input-text" VALUE="' + viewData['cure'][i]['id_type'] + '"/>")';
}

    Diese Beispiele sind ungetestet, und übersät mit einer Vielzahl von single - /double-quotes und escapes, so hätte ich einige Tippfehler drin.

    InformationsquelleAutor Nick Coons
  5. 0

    Javascript-Array mit forEach () - Methode

    Beschreibung:

    Javascript-array forEach() Methode ruft eine Funktion für jedes element im array.

    Syntax:

    array.forEach(callback[, thisObject]);

    Hier ist der detail-Parameter:

    • callback : Funktion zu prüfen jedes element des Arrays.
    • thisObject : - Objekt zu verwenden, da diese beim ausführen von callback.

    Rückgabewert:

    Zurück erstellten array.

    Kompatibilität:

    Diese Methode ist eine JavaScript-Erweiterung des ECMA-262-standard; als solche kann es nicht sein, in anderen Implementierungen des Standards. Damit es funktioniert, müssen Sie fügen Sie folgenden code am Anfang des Skripts:

    if (!Array.prototype.forEach)
{
  Array.prototype.forEach = function(fun /*, thisp*/)
  {
    var len = this.length;
    if (typeof fun != "function")
      throw new TypeError();

    var thisp = arguments[1];
    for (var i = 0; i < len; i++)
    {
      if (i in this)
        fun.call(thisp, this[i], i, this);
    }
  };
}

    Beispiel:

    <html>
<head>
<title>JavaScript Array forEach Method</title>
</head>
<body>
<script type="text/javascript">
if (!Array.prototype.forEach)
{
  Array.prototype.forEach = function(fun /*, thisp*/)
  {
    var len = this.length;
    if (typeof fun != "function")
      throw new TypeError();

    var thisp = arguments[1];
    for (var i = 0; i < len; i++)
    {
      if (i in this)
        fun.call(thisp, this[i], i, this);
    }
  };
}

function printBr(element, index, array) {
  document.write("<br />[" + index + "] is " + element ); 
}

[12, 5, 8, 130, 44].forEach(printBr);

</script>
</body>
</html>

    Dies wird produzieren Folgendes Ergebnis:

    [0] is 12
[1] is 5
[2] is 8
[3] is 130
[4] is 44

    Zu verstehen, es in besser Weise können Sie Versuchen Sie es selbst.

    QUELLE

    InformationsquelleAutor silentw
  6. 0
    var a = ["a", "b", "c", "d"];
a.forEach(function(data) {
    console.log(data);
});

    Verstehe ich nicht, was ist das problem mit dem code...

    <script>
var array = [];
<? foreach ($viewData['cure'] as $cure) {?>
    array.push(<? echo $cure?>);
<? }?>
array.forEach(function(value){
    $("#new").append('<label for="nice_text">ID Type</label><input type="text" id="nice_text" name="cureIdtype" class="input-text" VALUE="'+value+'"/>')
});

</script>
    InformationsquelleAutor Netzach
  7. 0

    Folgenden ist eine Möglichkeit, Sie können schreiben, oder verwenden Sie forEach in Javascript.

    JS:

    const arr = ['value0', 'value1', 'value2'];
arr.forEach(element => {
  console.log(element);
});

    Außerdem finden Sie dieser link, die Ihnen hilft, zu verstehen, Unterschied zwischen for und forEach in javascript.

    JS:

    const arr = ['value0', 'value1', 'value2'];
for (let i in arr) {  
  console.log(arr[i])
}

    InformationsquelleAutor Viraj Mohite
Schreibe einen Kommentar