Push (Add) Item to JavaScript Array on Ajax Success in ASP.Net

I am facing issue to push data in muQuestion array

the following line outside of ajax function. Then it push data. But I want to add this using for loop with ajax

myQuestions.push(str1); 

question array not adding value from for loop

<h1>
    Quiz on Important Facts</h1>
<div class="quiz-container">
    <div id="quiz">
    </div>
</div>
<a id="previous" href="javascript:">Previous Question</a> <a id="next" href="javascript:">
    Next Question</a> <a id="submit" href="javascript:">Submit Quiz</a>
<div id="results">
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
    var str1 = { question: "Who is the strongest?", answers: { a: "Superman", b: "The Terminator", c: "Waluigi, obviously" }, correctAnswer: "c" };
    (function () {
        const myQuestions = [];
        $.ajax({ type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "/QuizTest.aspx/getquestions",
            async: true,
            success: function (data) {

                var strnew = data.d.split("$");
                var i;
                myQuestions.push(str1);
                for (i = 0; i < strnew.length; i++) {
                    console.log(strnew[i]);
                    myQuestions.push(strnew[i]);
                }

            },
            error: function (result) {
                alert(result.responseText);
            }
        });  
    });
</script>

Public Shared connection As [String] = ConfigurationManager.ConnectionStrings("AccConn").ToString()
<System.Web.Services.WebMethod()> _
Public Shared Function getquestions() As String
    Dim m = "{question: ""Who is the strongest?"",answers: {a: ""Superman"", b: ""The Terminator"",c: ""Waluigi, obviously""},correctAnswer: ""c""}${question: ""Who is the longest?"",answers: {a: ""Superman"", b: ""The Terminator"",c: ""Waluigi, obviously""},correctAnswer: ""c""}"
    Return m
End Function