请选择 进入手机版 | 继续访问电脑版

JavaScript访问对象的属性和方法

2018-10-20| 发布者: 站长头条| 查看: 1194

对象的属性和方法统称为对象的成员。访问对象的属性在JavaScript中,可以使用“ . ”和“ ”来访问对象的属性。二者区别:“ . ”表示法一般作为静态对象使用时来存取属性。而“”表示法在动态存取属性时就非常有用 ...

对象的属性和方法统称为对象的成员。

JavaScript访问对象的属性和方法


访问对象的属性

在JavaScript中,可以使用“ . ”和“ [ ] ”来访问对象的属性。

二者区别:“ . ”表示法一般作为静态对象使用时来存取属性。而“[ ]”表示法在动态存取属性时就非常有用。
var object = {name:'xiaoming',age:29};var name1 = object.name;var name2 = object['name'];

访问对象的方法

在JavaScript中,只能用“ . ”来访问对象的方法。
function Person(){ this.name = 'xiaoming'; this.age = 29; this.say = function(){ alert('This is person'); } }var student = new Person();alert(student.name);alert(student['age']);student.say(); //使用" . "访问对象方法

引申出的两个题目:

1.判断一个字符串中出现次数最多的字符,统计这个次数
var str = 'Thisthebesttimesewerty';var obj = {};for(var i=0; i<str.length;i++){ var char = str[i];// var char = str.charAt(i); //charAt()可返回指定位置的字符,i为字符的下标,从0开始 if(obj[char]){ obj[char]++; //char是obj对象的一个属性,如果存在次数加1 }else{ obj[char] = 1; //如果不存在,保存在obj中并计数为1 }}var max = 0;var maxChar = null;for(var key in obj){ if(max < obj[key]){ max = obj[key]; //出现最多次数max maxChar = key; //出现次数最多的字符maxChar }}

2.编写arraysSimilar函数,实现判断传入的两个数组是否相似。

具体需求:

1. 数组中的成员类型相同,顺序可以不同。例如[1, true] 与 [false, 2]是相似的。

2. 数组的长度一致。

3. 类型的判断范围,需要区分:String, Boolean, Number, undefined, null, 函数,日期, window.

当以上全部满足,则返回"判定结果:通过",否则返回"判定结果:不通过"。
function arraysSimilar(arr1,arr2){ if(!(arr1 instanceof Array) || !(arr2 instanceof Array)){ return false; }  if(arr1.length !== arr2.length){ return false; } var i=0, n=arr1.length, countMap1={}, countMap2 = {}, t1, t2, TYPES = ['string','boolean','number','undefined','null','function','date','window']; for(i; i<n; i++){ t1 = typeOf(arr1[i]); t2 = typeOf(arr2[i]); if(countMap1[t1]){ countMap1[t1]++; } else{ countMap1[t1] = 1; } if(countMap2[t2]){ countMap2[t2]++; } else{ countMap2[t2] = 1; } }  for(i=0; i<TYPES.length; i++){ if(countMap1[TYPES[i]] != countMap2[TYPES[i]]){ return false; } } return true;}function typeOf(ele){ var r; if(ele === null){ r = 'null'; } else if(ele === 'window'){ r = 'window'; } else if(ele instanceof Array){ r = 'array'; } else if(ele instanceof Date){ r = 'date'; } else{ r = typeof(ele); } return r;}

对前端的技术,架构技术感兴趣的同学关注我的头条号,并在后台私信发送关键字:“前端”即可获取免费的架构师学习资料

知识体系已整理好,欢迎免费领取。还有面试视频分享可以免费获取。关注我,可以获得没有的经验哦!


鲜花

握手

雷人

路过

鸡蛋

0条评论 1194人参与 网友评论 文明发言,请先登录注册

文明上网理性发言,请遵守国家法律法规。

最新评论

©2001-2018 站长头条 https://www.zztt8.com/中国互联网举报中心 京ICP备14033863号-33 非经营性网站Powered byDiscuz!X3.4公安网备
Archiver手机版小黑屋广告合作客服QQ:1430738212Comsenz Inc.