Javascriptを再帰的に使用すると返り値が返される

Question

Javascriptで再帰関数を作成しようとしていますが、明らかに何かが見当たりません。 次の例では、ログにbaz = 18が表示されていますが、bazは未定義です。

https://jsfiddle.net/n8fg1h3v/1/

任意のアイデア？

function foo(arr) { 
    if (arr[0]==7) { 
    return 18 
    } else { 
    arr = arr.slice(1,arr.length); 
    foo(arr); 
    } 
} 

var arr1 = [9,1,2,3,4,7,6]; 
var baz = foo(arr1); 
console.log(baz) 

Answer 1

機能の中でfooを呼び出す必要があります。

return foo(arr); 

function foo(arr) { 
 
    if (arr[0] == 7) { 
 
     return 18; 
 
    } else { 
 
     arr = arr.slice(1, arr.length); 
 
     return foo(arr); 
 
    } 
 
} 
 

 
var arr1 = [9, 1, 2, 3, 4, 7, 6]; 
 
var baz = foo(arr1); 
 
console.log(baz)

Answer 2

私はこれを行う単純になります。

function foo(arr) { 
 
    var el = arr.find(el => el === 7); 
 
    return el ? 18 : '7 was not found'; 
 
} 
 

 
var bar = foo([9, 1, 2, 3, 4, 7, 6]); 
 
console.log(bar); 
 

 
var baz = foo([9, 1, 2, 3, 4, 8, 6]); 
 
console.log(baz);