巨应打字员


二话不说，直接看代码。

### 方式一：

```js
const config = {
  a: { name: "name", value: 1 },
  b: { name: "name2", value: 2 },
};

for (const name of Object.getOwnPropertyNames(config)) {
  const property = config[name];
  // 过滤方法和_开头的私有属性
  if (property instanceof Function || name.indexOf("_") >= 0) {
    continue;
  }
  console.log(config.constructor.name, name, property.value);
}
```

输出：
Object a 1
Object b 2

### 方式二：

```js
const config = {
  a: { name: "name", value: 1 },
  b: { name: "name2", value: 2 },
};

for (const index in config) {
  const item = config[index];
  console.log(item);
}
```

输出：
{name: "name", value: 1}
{name: "name2", value: 2}


javascript 遍历对象所有属性


实例：字符串 capchs/3.png，如何用正则取得 3

```js
var path = "capchs/3.png";
var pattern = "capchs/(.*).png";
var r = path.match(pattern);
console.log(r[1]);
```

[MDN 详细文档](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions)


JavaScript 正则匹配常规操作记录


**使用 xpath 查找**:

```js
function getElementByXpath(path) {
  return document.evaluate(
    path,
    document,
    null,
    XPathResult.FIRST_ORDERED_NODE_TYPE,
    null
  ).singleNodeValue;
}

console.log(getElementByXpath("//html[1]/body[1]/div[1]"));
```


Js查找元素技巧


### 利用 ES2015 原生支持的 querySelectorAll 查找包含指定文本的元素

例如查找 steam 市场页面的所有撤下按钮:
steamcommunity.com/market/

```js
//查找所有包含'撤下'的元素
Array.from(
  document.querySelectorAll(".item_market_action_button_contents")
).filter((el) => el.innerText === "撤下");

//查找第一个包含'撤下'的元素
Array.from(
  document.querySelectorAll(".item_market_action_button_contents")
).find((el) => el.innerText === "撤下");
```
