Vuex에서 이 JS 어레이를 줄이지 않는 이유

Vuex에서 이 JS 어레이를 줄이지 않는 이유

나는 로스터 오브젝트가 있는 Vuex 상점을 가지고 있다.목록 오브젝트에는 부속팀 오브젝트가 배열되어 있다.각 부속팀 오브젝트에는 위치 오브젝트의 배열이 있다.총 포지션은 어떻게 세는 겁니까?

다음 getter를 참조하십시오.

totalPositions : function (state) {
    let reducer = (accumulator, subteam) => accumulator + subteam.positions.length;
    return state.roster.subteams.reduce(reducer);
}

결과를 기록할 때 다음과 같은 정보를 얻는다.

"[object Object]33010600000000000000000000000000000"

문자열의 자릿수는 위치 배열의 실제 길이와 매우 유사하지만 정확하지는 않다.array.length는 정수여야 하지만 parseInt를 사용해 보았다.

let reducer = (accumulator, subteam) => {
    return accumulator + parseInt(subteam.positions.length,10);
};

도움이 되지 않았다.

함수에 초기 값을 전달해야 한다.

totalPositions : function (state) {
    const reducer = (accumulator, subteam) => accumulator + subteam.positions.length;
    return state.roster.subteams.reduce(reducer, 0);
}

초기값이 제공되지 않으면 배열의 첫 번째 요소가 사용된다.

그 이후subteam마치 물체처럼 보이는, 그것은 끈으로 변형된다.[object Object]그 외에

const obj = {};
console.log(obj + 13)
// => "[object Object]13"

그러면 말해라."[object Object]3" + 3이다"[object Object]33"축전지가 이제 끈이 된 것처럼 , 등.

---

코드매쉬 2012의 게리 베른하트의 와트 번개 토크쇼를 꼭 보길 추천한다.

참조URL: https://stackoverflow.com/questions/49683274/why-doe-this-js-array-not-reduce-in-vuex