jsExtArray

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Study</title>
</head>
<body>
    <script>
        'use strict'

        class ExtendedArray extends Array {
            constructor(separator = ':', tag = 'li', ...args) {
                super(...args);
                this._separator = separator;
                this._tag = tag;
            }

            toString(separator = this._separator) {
                //if (separator != this._separator) {
                //    this._separator = separator;
                //}

                return this.join(separator);
            }

            toHtml(tag = this._tag) {

                let res = this.reduce((prev, it) => { return `${prev}<${tag}>${it}</${tag}>`; }, '');
                if (tag == 'li') {
                    res = `<ul>${res}</ul>`;
                }
                return res;

            }

            render() {
                document.write(this.toHtml());
            }
        }

        {
            let extArr = new ExtendedArray(' / ', 'p');

            for (let i = 0; i < 10; ++i) {
                extArr[i] = i + 1;
            }

            console.log(extArr.toString(' / '));

            console.log(extArr.toHtml());
            extArr.render();
        }
    </script>
</body>
</html>