Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript配列fill()関数


JavaScriptのfill()メソッドは、配列内の要素を静的な値で埋めるために使用されます。

構文は次のとおりです-

array.fill(val, start, end)

上記では、valは配列を埋めるための値、startは配列を埋め始めるためのインデックス、endは配列を埋めるのをやめるためのインデックスです。

JavaScriptでfill()メソッドを実装しましょう-

<!DOCTYPE html>
<html>
<body>
   <h2>Ranking Points</h2>
   <button onclick="display()">Fill</button>
   <p id="demo"></p>
   <script>
      var pointsArr = [50, 100, 200, 300, 400, 500, 600];
      document.getElementById("demo").innerHTML = pointsArr;
      function display() {
         document.getElementById("demo").innerHTML = pointsArr.fill(1000);
      }
   </script>
</body>
<!DOCTYPE html>

出力

JavaScript配列fill()関数

「塗りつぶし」ボタンをクリックして、配列を塗りつぶします-

JavaScript配列fill()関数

<!DOCTYPE html>
<html>
<body>
   <h2>Student Name</h2>
   <button onclick="display()">Fill</button>
   <p id="demo"></p>
   <script>
      var stdName = ["John", "Tom", "David"];
      document.getElementById("demo").innerHTML = stdName;
      function display() {
         document.getElementById("demo").innerHTML = stdName.fill("Jacob");
      }
   </script>
</body>
<!DOCTYPE html>

出力

JavaScript配列fill()関数

「塗りつぶし」をクリックして配列を塗りつぶします-

JavaScript配列fill()関数


  1. JavaScriptでsome()関数を配列します

    JavaScript配列some()関数は、配列の要素の一部が特定のテストに合格するかどうかをチェックします。テストは基本的に、配列の各要素に対して実行される関数です。 以下は、配列some()メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sc

  2. JavaScriptの関数によって返される配列へのアクセス

    以下は、JavaScriptの関数によって返される配列にアクセスするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&