我收到資料 => 這些資料可以是物件陣列或只是一個物件。我寫了一些代碼，但也許有辦法讓這段代碼更性感、更清晰或更短，而且沒有任何錯誤
這是代碼：
export const CalculateIt = (props) => {
const conversionValues = []
if (props) {
if (props.length > 0) {
for (let i = 0; i < props.length; i ) {
const clicks = props[i]?.insights?.[0].inline_link_clicks
const actionsNumber = props[i]?.insights?.[0]?.actions?.length || 0
let result = 0
if (clicks && actionsNumber) {
result = devideNumbers(clicks, actionsNumber, 8)
}
conversionValues.push(result)
}
return conversionValues
}
const clicks = props?.insights?.[0].inline_link_clicks
const actionsNumber = props?.insights?.[0]?.actions?.length || 0
let result = 0
if (clicks && actionsNumber) {
result = devideNumbers(clicks, actionsNumber)
}
return conversionValues.push(result)
}
}
如您所見，您可以找到一些類似的代碼部分，例如：
const clicks = props[i]?.insights?.[0].inline_link_clicks
and
const clicks = props?.insights?.[0].inline_link_clicks
可以寫得更聰明嗎？
最好的
uj5u.com熱心網友回復：
可能在函式中移動公共代碼：
function getResult(data) {
const clicks = data?.insights?.[0].inline_link_clicks
const actionsNumber = data?.insights?.[0]?.actions?.length || 0
let result = 0
if (clicks && actionsNumber) {
result = devideNumbers(clicks, actionsNumber, 8)
}
return result;
}
并在原始函式中使用輔助函式：
export const CalculateIt = (props) => {
const conversionValues = []
if (props) {
if (props.constructor === Array) {
props.forEach((item) => conversionValues.push(getResult(item)))
} else {
conversionValues.push(getResult(props));
}
return conversionValues;
}
}
uj5u.com熱心網友回復：
實際上，您可以將所有內容強制data轉換為一維陣列，并且僅使用物件陣列即可安全作業。
這段代碼足夠性感嗎？
const obj = {id: 1, val: 1};
const arr = [{id: 1, val: 1},{id: 2, val: 2},{id: 3, val: 3}];
const normalize = (data) => [data].flat();
console.log(normalize(obj)[0]);
console.log(normalize(arr)[0]);
// -------------------
// and you can use this approach in code:
const getResult = (obj) => obj.val * 10;
const CalculateIt = (props) => [props].flat().map(getResult);
console.log(CalculateIt(obj));
console.log(CalculateIt(arr));.as-console-wrapper{min-height: 100%!important; top: 0}轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/454360.html
標籤：javascript 数组 反应 if 语句
上一篇：在多維陣列中計算陣列中的字串元素