gpt4 book ai didi

javascript - 有没有更简洁的方法在javascript中编写css边距字符串

转载 作者:行者123 更新时间:2023-11-29 18:54:07 24 4
gpt4 key购买 nike

<分区>

我编写了一个函数,它接受一个 css margin 属性的对象,并在一个数组中输出 css 简写的必要值。例如,如果顶部与底部相同,右侧与左侧相同,那么您实际上只需要这两个值。

const marginDedupe = ({ top = 0, left = 0, right = 0, bottom = 0 }) => {
if (top === right && top === bottom && top === left) {
return [top];
} else if (top === bottom && right === left) {
return [top, right];
} else if (right === left) {
return [top, right, bottom];
} else {
return [top, right, bottom, left];
}
};

例如:

marginDedupe(10,30,50,20); // [10,30,50,20]
marginDedupe(10,30,10,30); // [10,30]
marginDedupe(10,30,50,30); // [10,30,50]
marginDedupe(10,10,10,10); // [10]

我现在得到的东西可以工作,但看起来很糟糕。是否有更简洁的方式来编写此内容,或者这只是这样做的方式?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com