在小程序界面编写过程中，需要在赋值时候判断显示数据是否为空， 或者对显示对象进行拼接。
如果可以在data里存储的变量，则直接在.js文件中写处理函数就可以。但是界面中如果出现for循环，根据数组渲染界面的情况，就需要在.wxss中进行处理,这时就需要用到wxs了

//在代码编写中，wxs内不要写注释，会报错。这里为了说明方便，直接把注释写到代码里了
<wxs module="tools">
//此方法是判断字符串是否为空，有时候后端传来的数据为null就不能仅仅根据length来判断字符串是否为空了。
var isStringWithAnyTxt = function(obj) {
if (typeof obj == "undefined" || obj == null || obj == "") {
return false;
}
return true;
}
//遍历数组brandArr，将有值的元素用‘/’拼接起来
var appendBrandName = function(brandArr) {
var brandShowName = '';
for (var i = 0; i < brandArr.length; i++) {
var brandName = brandArr[i];
if (isStringWithAnyTxt(brandName)) {
if (brandShowName.length > 0) {
brandShowName = brandShowName + "/" + brandName;
} else {
brandShowName = brandShowName + brandName;
}
}
}
return brandShowName;
};
module.exports = {
appendBrandName: appendBrandName
};
</wxs>

代码片段示例

截屏2020-04-14下午3.48.52.png