[' border-width: 1px', ' border-style: solid', ' border-color: rgb(51, 51, 51)']。JS中如何获取数组里面每一个属性的值,有几种获取方法?写一段代码
时间: 2024-02-03 18:01:43 浏览: 71
在JavaScript中,获取数组中每个属性的值有多种方法。以下是三种常用的方法示例代码:
方法一:使用正则表达式和`match`方法
```javascript
const array = ['border-width: 1px', 'border-style: solid', 'border-color: rgb(51, 51, 51)'];
const values1 = array.map(item => item.match(/:(.*)/)[1].trim());
console.log(values1);
```
方法二:使用字符串处理方法`split`和数组解构赋值
```javascript
const array = ['border-width: 1px', 'border-style: solid', 'border-color: rgb(51, 51, 51)'];
const values2 = array.map(item => {
const [, value] = item.split(':');
return value.trim();
});
console.log(values2);
```
方法三:使用正则表达式和`exec`方法
```javascript
const array = ['border-width: 1px', 'border-style: solid', 'border-color: rgb(51, 51, 51)'];
const regex = /:(.*)/;
const values3 = array.map(item => {
regex.exec(item);
return RegExp.$1.trim();
});
console.log(values3);
```
这些方法都可以达到相同的效果,提取数组中每个属性的值。你可以根据自己的喜好和项目需求选择其中一种方法。
阅读全文