在javascript对象内搜索,貌似是一个新鲜的话题。
为啥
也不为啥,因为没找到。
用途
也没啥用途,比如,在电影网站找到链接,在小说网站找到链接。二货同事写的复杂对象。等等吧。反正要搜索就对了。
目标
在对象内,无论多少层,找到关键字。
关键字可能的位置
1.属性名,2.属性值,3.方法名,4.方法内。
一个简单的办法
把对象转成json,搜索字符串,对于不需要处理方法的前提下,非常方便,甚至可以用正则表达式去处理,然而,搜索到的结果只是定位,要还原出路径就难了。
另一个简单的办法
遍历对象,很直接,一个递归搜到底,就一个坑,循环嵌套对象要怎么处理。
爬坑
给每个见过的对象做一个标记,见到标记就不再看内部了。要是标记的对象里包含目标字符串,可以保存一个对象路径,要是只关心值,就可以不保存了。
聊着聊着,问题就分析明白了。做一个非常唯一的标记很重要,还要记得删除这个标记,好反复搜索。
var findInObject = {
fio_MARKED: 1,
CustomObjects: [],
marked: [],
searchResult: [],
defaultname: ['frames', 'self', 'window', 'parent', 'top', 'location', 'content', 'document', 'history', 'locationbar', 'menubar', 'personalbar', 'scrollbars', 'statusbar', 'toolbar', 'navigator', 'applicationCache', 'customElements', 'screen', 'clientInformation', 'styleMedia', 'performance', 'caches', 'crypto', 'indexedDB', 'webkitStorageInfo', 'sessionStorage', 'localStorage', 'visualViewport', 'speechSynthesis', 'chrome', 'external', 'qb_external', 'qb_minivideo', 'qbmv', 'userObjects', 'defaultStatus', 'll', 'lll', 'gnp', 'vm'],
fio(obj, str, path, flag) {
if (!path) path = 'window'
if (!flag) flag = 'fioflg_' + Date.parse(new Date())
const otype = typeof obj
if (otype == 'string') {
if (obj.indexOf(str) > -1) {
this.searchResult.push({ path: path, type: "值命中", value: obj })
}
} else if (typeof obj == 'function') {
var strfunc = obj.toString()
if (strfunc.indexOf(str) > -1) {
this.searchResult.push({ path: path, type: '方法内命中', value: strfunc })
}
} else if (typeof obj == 'number') {} else if (typeof obj == 'bigint') {} else if (typeof obj == 'boolean') {} else if (typeof obj == 'symbol') {} else if (Array.isArray(obj)) {
if (this.isMarked(obj, flag) == false) {
for (const key in obj) {
if (obj.hasOwnProperty(key)) {
const element = obj[key];
this.fio(element, str, path + '[' + key + ']', flag)
}
}
}
} else if (obj instanceof Object) {
if (this.isMarked(obj, flag) == false) {
if (obj[str] != undefined) {
this.searchResult.push({ path: path + '/' + str, type: '属性命中', value: obj[str] })
}
for (const key in obj) {
if (this.defaultname.indexOf(key) == -1) {
if (obj.hasOwnProperty(key)) {
try {
var element = obj[key]
} catch (error) {
var element = {}
}
if (path == 'window') {
var ty = typeof element
if (['function', 'number', 'bigint', 'boolean', 'symbol', 'string'].indexOf(ty) == -1 && Array.isArray(element) == false && element instanceof Object) {
this['CustomObjects'][key] = element
}
}
this.fio(element, str, path + '.' + key, flag)
}
}
}
}
}
},
isMarked(obj, flag) {
if (obj.fio_MARKED) {
return true
} else {
obj.fio_MARKED = flag
this.marked.push(obj)
return false
}
},
search(str) {
this.fio(window, str)
this.marked.forEach(item => {
delete item['fio_MARKED']
});
this.marked = []
console.log(this)
},
}
没处理命中标记,其他的还都ok
在javascript对象内搜索,貌似是一个新鲜的话题。的更多相关文章
- JavaScript对象类型之简单介绍
引言 对象是JavaScript的基本数据类型. 对象是一种复合值:将很多值(原始值或者其他对象)聚合在一起,通过名字访问这些值. 对象可以看做属性的无序集合,每个属性都是一个名/值对.属性名是字符串 ...
- JavaScript对象的两类属性(数据属性与访问器属性)
对JavaScript来说,属性并非只是简单的名称和值,JavaScript用一组特征(attribute)来描述属性 (property). 第一类属性数据属性具有四个特征. value:就是属性的 ...
- 明明有印象却找不到,APP内搜索为什么这么难用?
赶上了互联网浪潮的当代人,每当有任何困扰,第一反应都是打开搜索引擎. 什么叫做“硬核相亲”,什么是“pick一下”,“达达主义”,“隐形贫困人口”——你都默默搜索过,不想被时代与话题抛弃.也许只有这样 ...
- javascript常用内置对象总结(重要)
Javascript对象总结 JS中内置了17个对象,常用的是Array对象.Date对象.正则表达式对象.string对象.Global对象 Array对象中常用方法: Concat():表示把几个 ...
- JavaScript中内置对象的一些属性及方法
Javascript对象总结 JS中内置了17个对象,常用的是Array对象.Date对象.正则表达式对象.string对象.Global对象 Array对象中常用方法: Concat():表示把几个 ...
- 【JavaScript】内置对象Math
Math是具有用于数学常数和函数的属性和方法一内置对象.不是函数对象. 描述编辑 不像其他的全局对象,Math不是一个构造函数.所有属性和方法Math都是静态的.你指的是常数pi为Math.PI你调用 ...
- 微信浏览器内置JavaScript 对象:WeixinJSBridge
微信公众平台开发 微信公众平台开发模式 企业微信公众平台 微信浏览器 分享到朋友圈 发送给好友 分享到腾讯微博 作者:方倍工作室 原文: http://www.cnblogs.com/txw1958/ ...
- WeixinJSBridge:微信浏览器内置JavaScript 对象
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享 ...
- JavaScript常用内置对象(window、document、form对象)
由于刚开始学习B/S编程,下面对各种脚本语言有一个宏观的简单认识. 脚本语言(JavaScript,Vbscript,JScript等)介于HTML和C,C++,Java,C#等编程语言之间.它的优势 ...
随机推荐
- maven在整合springmvc+hibernate运行时遇到的一些问题
在这里大概记录一下自己在搭建的时候遇到的一些小问题. 1,在获取hibernate的sessionFactory对象时报空指针异常,我的常规配置如下:
- Flume-自定义 Sink
Sink 不断地轮询 Channel 中的事件且批量地移除它们,并将这些事件批量写入到存储或索引系统.或者被发送到另一个 Flume Agent. Sink 是完全事务性的. 在从 Channel 批 ...
- MyBatis——特殊传参问题小结
近期在写系统报表API的时候遇到MyBatis中的一些特殊写法: 1. 传入两个参数(一般情况下我们更多的是传入一个对象或者map) public List<MarketVehicleModel ...
- app微信支付的集成步骤
1.引用地址 //微信支付 compile 'com.tencent.mm.opensdk:wechat-sdk-android-with-mta:+' 2.注册 private IWXAPI api ...
- vsCode多选多个元素进行统一修改
如果你没有修改过vsCode的快捷键那么你可以按住"ctrl+d",然后逐个选中你要修改的元素,选完之后松开,你就可以敲击键盘愉快的修改了...如果你使用了ecliplse快捷键插 ...
- Windows10 64位 安装 Docker
本文主要介绍Docker在Windows下的安装.关于Docker的介绍和文档在其官网中可以找到:http://www.docker.com .安装环境:Windows10 64位. Docker引擎 ...
- 阶段5 3.微服务项目【学成在线】_day03 CMS页面管理开发_10-修改页面-前端-修改页面
1.进入页面,通过钩子方法请求服务端获取页面信息,并赋值给数据模型对象 2.页面信息通过数据绑定在表单显示 3.用户修改信息点击“提交”请求服务端修改页面信息接口 3.3.3 修改页面 3.3.3.1 ...
- 用Keras搭建神经网络 简单模版(六)——Autoencoder 自编码
import numpy as np np.random.seed(1337) from keras.datasets import mnist from keras.models import Mo ...
- No manual entry for printf in section 3
在引入标准库头文件的时候,很多时候要先查询一下该函数所属的库,以及基本用法,在linux系统下,可以使用 man 1-9 函数名称 但是 问题来了,No manual entry for printf ...
- Ubuntu搭建Spring源码环境常见问题
在一心想要学习Spring框架源码时,我们会遇到很多麻烦的问题.开始本文前,你只需要拥有一个装好IDEA的Ubuntu系统就可以愉快启程了.如果还没有IDEA,可以参考在Ubuntu上安装Intell ...