深入浅析JavaScript中的in关键字和for-in循环


Posted in Javascript onApril 20, 2020

1.in关键字

属性名 in 对象,用来判断某个属性在对象中是否存在与其严格相等的属性名,返回boolean值

属性名必须是字符串或数字

var obj = {

a : 1,


b : 2

}
console.log('a' in obj);//返回true,obj对象中存在a属性名

var arr = [12,11,10];

console.log(12 in arr);//返回false,原因arr数组中12,11,10三个值对应的属性名分别是0,1,2

2.for-in循环

for(var prop in obj){

//循环语句

}

取出对象的所有属性名,每次循环将其中一个属性名赋值给变量prop,运行循环体

利用该特点可以遍历数组:

var arr= ['abc','123',1,2,3];

for(var prop in arr){

console.log(prop);


console.log(arr[prop]);

}

使用for循环遍历数组和for-in循环遍历数组的区别:

遍历稀松数组var arr = [1,2,3,,,,,4];

for(var i = 0; i < arr.length; i++){};//没有值的地方会输出undefined

for(var prop in arr){};//没有值的地方不会输出

创建一个长度为100的数组,给数组的每一项赋值为'abc',使用for循环

var arr = new Array(100);

for(var i = 0; i < arr.length; i++){

arr[i] = 'abc';

}

不能使用for-in循环

到此这篇关于JavaScript中的in关键字和for-in循环的文章就介绍到这了,更多相关js in for-in循环内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
学习YUI.Ext 第三天
Mar 10 Javascript
js格式化时间小结
Nov 03 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
Jan 25 Javascript
详解vuex的简单使用
Mar 12 Javascript
Web安全之XSS攻击与防御小结
Dec 13 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
Feb 02 Javascript
详解Vue中使用插槽(slot)、聚类插槽
Apr 12 Javascript
vue实现图片上传预览功能
Dec 23 Javascript
javascript中正则表达式语法详解
Aug 07 Javascript
动态规划之使用备忘录来改进Javascript函数
Apr 07 Javascript
vue实现购物车功能(商品分类)
Apr 20 #Javascript
vue实现淘宝购物车功能
Apr 20 #Javascript
javascript利用键盘控制小方块的移动
Apr 20 #Javascript
vue实现购物车的监听
Apr 20 #Javascript
详解微信小程序工程化探索之webpack实战
Apr 20 #Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 #Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
Apr 20 #Javascript
You might like
PHP类的使用 实例代码讲解
2009/12/28 PHP
php-fpm配置详解
2014/02/12 PHP
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
javascript数组排序汇总
2015/07/07 Javascript
jQuery获取this当前对象子元素对象的方法
2016/11/29 Javascript
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
jQuery中$原理实例分析
2018/08/13 jQuery
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
2019/05/23 Javascript
jquery.pager.js实现分页效果
2019/07/29 jQuery
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
微信小程序实现点赞业务
2021/02/10 Javascript
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
Python3遍历目录树实现方法
2015/05/22 Python
Python实现抓取网页生成Excel文件的方法示例
2017/08/05 Python
解决pandas 作图无法显示中文的问题
2018/05/24 Python
Python descriptor(描述符)的实现
2020/11/15 Python
网页中的电话号码如何实现一键直呼效果_附示例
2016/03/15 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
html5使用window.postMessage进行跨域实现数据交互的一次实战
2021/02/24 HTML / CSS
可持续未来的时尚基础:Alternative Apparel
2019/05/06 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
酒店应聘自荐信
2013/11/09 职场文书
你的创业计划书怎样才能打动风投
2014/02/06 职场文书
市级三好学生事迹材料
2014/08/27 职场文书
中学教师暑期培训方案
2014/08/27 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
作文批改评语
2014/12/25 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
利用Python读取微信朋友圈的多种方法总结
2021/08/23 Python