中括号运算符总是能代替点运算符。但点运算符却不一定能全部代替中括号运算符。

当用中括号代替点时,属性名需加双引号。

中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。

中括号运算符可以用纯数字为属性名。点运算符不能。

中括号运算符可以用js的关键字和保留字作为属性名。点运算符不能。

你就记住:属性就用点,变量就用括号

var person = new Object();

person.name = "Nike";
var thisname = "name";

console.log(person.name); //打印Nike
console.log(person["name"]); //打印Nike
console.log(person[thisname]); //打印Nike
console.log(thisname); //打印name

window.οnlοad=function()
{
// var oDiv=document.getElementsByTagName('div')[0];
// oDiv.οnclick=function()
// {
// setStyle(oDiv,{
// width:'400px',
// height:'400px',
// background:'red'
// });
// };
// function setStyle(oDiv,json)
// {
// for(var name in json)
// {
// oDiv.style[name]=json[name];
// }
// }
//}

for...in 语句用于遍历/枚举数组或者对象的属性(对数组或者对象的属性进行循环操作)。

语法:
for (变量 in 对象)
{
在此执行代码
}
“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

var arr=['a','b','c','d'];
for(var key in arr){
console.log(key);//0 1 2 3
console.log(arr[key]);//a b c d
}

var obj={
name:'leo',
age:'20',
sex:'nan'
}
for(var key in obj){
console.log(key);//name age sex
console.log(obj[key]);//leo 20 nan
}

转载于:https://www.cnblogs.com/xzsz/p/7723397.html

js中点与方括号及for...in相关推荐

  1. js进阶正则表达式方括号(方括号作用)(js正则是在双正斜杠之中:/[a-z]/g)...

    js进阶正则表达式方括号(方括号作用)(js正则是在双正斜杠之中:/[a-z]/g) 一.总结 方括号:范围 圆括号:选 大括号:数量 1.js正则是在双正斜杠之中: var reg2=/[a-z]/ ...

  2. js中点击按钮时变色,松开后恢复原来的颜色

    js中点击按钮时变色,松开后恢复原来的颜色 // class.active{background: #1AB394;}//js<script type="text/javascript ...

  3. JS中点语法和方括号语法访问属性的区别

    中括号法可以用变量作为属性名,而点方法不可以 var obj = {};obj.name = '张三';var myName = 'name';console.log(obj.myName);//un ...

  4. d3.js中点可以用图片吗_结论第16课——抛物线的中点弦斜率

    秒杀结论: 中点弦斜率="左右 除 ,上下 除 " 注意要加上抛物线开口方向所确定的符号: 开口向右和向上的,符号为正 开口向左和向下的,符号为负 原理: 例.点 是抛物线 上两点 ...

  5. html 点击空白关闭浮层,js中点击空白区域时文本框与隐藏层的显示与影藏问题...

    当文本框获得焦点的时候,在文本框的下方显示一个浮动层. 当用户点击除了文本框和浮动层以外的网页空白处时,要隐藏浮动层. 当用户点击浮动层时,改变文本框的值. function $(id){ retur ...

  6. js中点击按钮切换图片

    <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title ...

  7. JS中for循环绑定事件

    在网页中有五个按钮,需求为:点击按钮,将按钮的索引值输出. 初学JS时遇到的问题,今天学习bind方法时又想起来了,分享一下. 先看一下代码 var btns = document.querySele ...

  8. js转义字符 php 反转义6,js进阶正则表达式6转义字符(加\转义)(.符号)(|符号)...

    js进阶正则表达式6转义字符(加\转义)(.符号)(|符号) 一.总结 转义字符:{} () / $ # & * . ....... //3.特殊字符,都要加转义\ 点符号:var reg2= ...

  9. JS中的遍历、点击、排他

    JS中遍历对象的方法 for-in方法 Object.keys(obj) Object.values(obj) obj:要返回其枚举自身属性的对象 返回值:一个表示给点对象的所有属性的键或值得数组 使 ...

  10. 数据分析:JSON格式数据

    前言 最近使用tensorflow入门深度学习,找到了一个风格转移图片的神经网络感觉还蛮好玩风格转移,想要自己做点儿其他风格的模型,但是尴尬的发现,它需要使用MS coco数据集,下载地址为ms co ...

最新文章

  1. 算法之------搜索篇
  2. [Django 3.2.8] SimpleUI的分页问题
  3. 【性能优化】 之 HINTS 相关作业
  4. Ubuntu下使用pjsip点对点通话
  5. jdbctemplate无where条件查询_多表查询
  6. linux 7种网卡绑定模式,七种网卡绑定模式详解
  7. Office WORD如何在图片上添加文字
  8. win10新建文件夹必须刷新才能显示
  9. centos7 elasticsearch 安装启动问题
  10. 冲突域和广播域的隔离与扩展
  11. ts转换mp4 linux_佳佳MTS格式转换器下载 佳佳MTS格式转换器专业版下载
  12. 揭秘华为投资版图:规模小、数量少,刀刀致命
  13. 亮相SIGGRAPH 太极拳三维教学App制作揭秘
  14. SSH-KeyGen -认证密钥的生成、管理和转换
  15. Torch和torchvision的安装
  16. Android 实现涂鸦笔效果
  17. 端到端测试(e2e测试)
  18. python 写个网页爬虫
  19. 2019天猫双十一活动--自动逛店领猫币
  20. 【店小蜜】欢迎语卡片的设置和测试

热门文章

  1. Atitit..文件上传组件选型and最佳实践总结(2)----断点续传
  2. paip.输入法编程--英文ati化By音标原理与中文atiEn处理流程 python 代码为例
  3. paip.c语言gtk开发环境CodeBlocks /QT建立最佳实践
  4. 亿欧:深耕开放银行,Temenos产品创新和并购战略双轮驱动
  5. 阿里巴巴集团 CTO 约你聊聊这些事
  6. 大搜车:云上多地域高可用消息系统的构建 | 凌云时刻
  7. 边缘计算对于基础架构和运营领导者意味着什么
  8. 【推荐】开源领袖陆首群力作:什么是数字经济?
  9. 【优化预测】基于matlab贝叶斯网络优化LSTM预测【含Matlab源码 1329期】
  10. 【数字基带信号】基于matlab三阶高密度双极型码【含Matlab源码 990期】