如何扩展 javascript 数组 Class？

Question

I am trying to extend the Array class to add a Sum method to it. This is my code below, what am I doing wrong?

Class tipArray extends Array{
    sum(values) {
        for(i in values) {
            total +=i;
        }
    }
}

var testArray = new tipArray();
testArray = [1,2,3,4];
console.log(testArray.sum());

Expected output = 10

Answer 1

1. Start by imagining how you would sum an array (maybe something with reduce ).
2. Turn that into a function.
3. Add that as a method on your class. You can use this to refer to the array.
4. (optional) ask yourself if you really need a subclass instead of a function that accepts an array.

 class tipArray extends Array{ sum() { // Consider making sure the array contains items where sum makes sense here. return this.reduce((sum, current) => sum + current) } } var testArray = new tipArray(1,2,3,4); console.log(testArray.sum()); // add another element and take another sum testArray.push(10) console.log(testArray.sum()); 

Answer 2

class tipArray extends Array {
    sum() {
        let val = 0;

        for (let i = 0; i < this.length; i++) {
            val += this[i];
        }

        return val;
    }
}

var testArray = new tipArray(1, 2, 3, 4);
console.log(testArray.sum());
console.log(testArray.length);

Inside of the sum method, you refer to the array via this .

Answer 3

I'm sorry, but I had to downvote the question as it seems to me more like asking for the solution of a homework after doing half the research on how to code in javascript.

1. keywords, like class in javascript needs to be lowercase.
2. you didn't declare any of the variables. For example in the for loop you keep adding i to total , but what was the initial value of total ? Declare the total variable before the for loop as let total = 0
3. the loop index i also needs to be declared as for (let i in values) {
4. the sum function doesn't return anything as you don't have any return statements. In this case javascript returns undefined and that is what you see in your console log. Add return total after your for loop so that the function would return something.
5. no need to use reduce here or extending array prototype as the issue isn't because for loop not being suitable to calculate sums.
6. you create a new instance of your own array class only to override it with a simple array at the next line with testArray = [1,2,3,4] , as that line is the same as testArray = new Array(1, 2, 3, 4); . Write either var testArray = new tipArray(1, 2, 3, 4) or testArray.push(1, 2, 3, 4) .

In essence the solution should be what Geuis wrote.