변수 에러.. 방법이있을까요?

      var pricewop = [
        {
            "price" : 950
        },
        {
            "price" : 900
        },
        {
            "price" : 850
        },
        {
            "price" : 800
        }
    ];

이렇게 데이터를 만들고

    for(var i = 0; i <= pricewop.length ; i++){
        var search_view =
            "<li>"+ pricewop[i].price +"</li>";
        $('.message_board3 .list_pride ul').append(search_view);
       
    }

에 사용하면 화면에서는 숫자가 나오는데.

콘솔창에서는 Uncaught TypeError: Cannot read property 'price' of undefined 라는 에러가 나오고

아래 스크립트 부터는 읽지를 못합니다.

어디서 틀린건지 알수있을까요?

※ 질문 글을 올리기 전 반드시 공지사항 "질문 게시판 이용 안내"를 읽어보세요. 
공지를 읽지 않을 시 불이익을 받을 수 있습니다.

■ 발생 환경 : ( 이 정보가 불필요 한 질문일 시 삭제 혹은 미기재 )

■ 문제발생 URL (jsfiddle, jsbin. codepen 등 활용) : ( 이 정보가 불필요 한 질문일 시 삭제 혹은 미기재 )

 
http://  

■ 발생 문제 혹은 질문사항에 대한 자세한 기술:

 
// 여기에 작성해주세요  
 
       var pricewop = [

        {
            "price" : 950
        },
        {
            "price" : 900
        },
        {
            "price" : 850
        },
        {
            "price" : 800
        }
    ];

이렇게 데이터를 만들고

    for(var i = 0; i <= pricewop.length ; i++){
        var search_view =
            "<li>"+ pricewop[i].price +"</li>";
        $('.message_board3 .list_pride ul').append(search_view);
       
    }

에 사용하면 화면에서는 숫자가 나오는데.

콘솔창에서는 Uncaught TypeError: Cannot read property 'price' of undefined 라는 에러가 나오고

아래 스크립트 부터는 읽지를 못합니다.

어디서 틀린건지 알수있을까요?

 
 콘솔창 에러위치는  "<li>"+ pricewop[i].price +"</li>"; 입니다