JavaScript配列find（）関数
JavaScriptのfind（）メソッドは、条件が渡された場合は配列の最初の要素値を返すために使用されます。それ以外の場合、戻り値は未定義です。構文は次のとおりです-
array.find(function(val, index, arr),thisValue)
ここで、functionは、現在の要素の値であるvalを持つ関数です。インデックスは配列インデックスであり、arrは配列です。 this valueパラメータは、関数に渡される値です。
例
<!DOCTYPE html>
<html>
<body>
<h2>Ranking Points</h2>
<p>Get the points (first element) above 400...</p>
<button onclick="display()">Result</button>
<p id="demo"></p>
<script>
var pointsArr = [50, 100, 200, 300, 400, 500, 600];
function pointsFunc(points) {
return points > 400;
}
function display() {
document.getElementById("demo").innerHTML = pointsArr.find(pointsFunc);
}
</script>
</body>
</html> 出力
次に、[結果]ボタンをクリックします-
結果が未定義になる別の例を見てみましょう-
例
<!DOCTYPE html>
<html>
<body>
<h2>Ranking Points</h2>
<p>Get the points (first element) above 400...</p>
<button onclick="display()">Result</button>
<p id="demo"></p>
<script>
var pointsArr = [50, 100, 200, 300, 400];
function pointsFunc(points) {
return points > 400;
}
function display() {
document.getElementById("demo").innerHTML = pointsArr.find(pointsFunc);
}
</script>
</body>
</html> 出力
次に、[結果]ボタンをクリックします-
-
JavaScriptのArray.prototype.find（）メソッド。
Array.prototype.find（）メソッドは、配列内の特定の条件を満たす最初の要素値を返します。 以下は、Array.prototype.find（）メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g
-
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&