How to Create custom iterator in Javascript

Example 1 : Symboll.iterator (Mix)

<script>     
           function myfunc(x){
                let num = 0;
                return {
                    next : function(){
                        if(num <x.length){
                            return {
                            value :  x[num++],
                            done : false
                            }
                        }else{
                            return {
                            value :  x[num++],
                            done : true
                            }
                        }
                        
                    }
                }
            }

            let basket = ["Apple", "Mango", "Banana"]
            let myiterator  =  myfunc(basket)




           console.log(myiterator.next())
           console.log(myiterator.next())
           console.log(myiterator.next())
           console.log(myiterator.next())
     
</script>