[' border-width: 1px', ' border-style: solid', ' border-color: rgb(51, 51, 51)']。JS中如何获取数组里面每一个属性的值。写一段代码
时间: 2024-01-23 21:02:40 浏览: 137
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
5星 · 资源好评率100%
你可以使用`map`方法来遍历数组,并使用正则表达式或字符串处理方法来提取每个属性的值。以下是一个示例代码:
```javascript
const array = ['border-width: 1px', 'border-style: solid', 'border-color: rgb(51, 51, 51)'];
const values = array.map(item => {
const property = item.split(':')[0].trim();
const value = item.split(':')[1].trim();
return { property, value };
});
console.log(values);
```
这段代码将输出一个包含每个属性和值的对象数组:
```javascript
[
{ property: 'border-width', value: '1px' },
{ property: 'border-style', value: 'solid' },
{ property: 'border-color', value: 'rgb(51, 51, 51)' }
]
```
你可以根据需要进一步处理这些值,比如存储到变量中或进行其他操作。
阅读全文