배열에 질문 SVG 경로 세그먼트,예를 들어 ['L', 0, 0]
저는 기본적으로 사용하여 이를 정의 이러한 배열:
// doSomethingToSegment.js
/** @type {Object.<string, number>} */
const paramsCount = {
a: 7, c: 6, h: 1, l: 2, m: 2, r: 4, q: 4, s: 4, t: 2, v: 1, z: 0,
};
/**
* This definition is WRONG, FIX ME!!
*
* @typedef {(string|number)[]} segment
*/
/**
* Check segment validity.
*
* @param {segment} seg input segment
* @return {boolean} segment is/not valid
*/
function checkSegment(seg) {
const [pathCommand] = seg;
const LK = pathCommand.toLowerCase();
const UK = pathCommand.toUpperCase();
const segmentValues = seg.slice(1);
const expectedAmount = paramsCount[LK];
return checkPathCommand(UK) && checkPathValues(segmentValues, expectedAmount);
}
/**
* @param {string} ch input character
* @returns {boolean} true when `ch` is path command
*/
function checkPathCommand(ch) {
return ('ACHLMRQSTVZ').includes(ch);
}
/**
* @param {Number[]} values input values
* @param {Number} expected amount
* @return {boolean} segment has/not the right amount of valid numbers
*/
function checkPathValues(values, expected) {
return values.length === expected && values.every(x => !Number.isNaN(x));
}
지금 pathCommand.toLowerCase()
전화투 이 오류가 발생할 수 있습니다.
Property 'toLowerCase' does not exist on type 'string | number'.
Property 'toLowerCase' does not exist on type 'number'.
고 segmentValues
발생이 하나:
Argument of type '(string | number)[]' is not assignable to parameter of type 'number[]'.
Type 'string | number' is not assignable to type 'number'.
Type 'string' is not assignable to type 'number'.
그래서 정의하는 방법은 사용자 지정 유형의 정의 @type {WHAT} segment)
이것을 만족하는 특정 필요로 하는가?
{type: string, ...{string, number}[]}
었 모든 것을 테스트하지 않았다.