详解js访问对象的属性和方法


Posted in Javascript onOctober 25, 2018

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

访问对象的属性

在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;
}
Javascript 相关文章推荐
jQuery DOM操作小结与实例
Jan 07 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
js自定义鼠标右键的实现原理及源码
Jun 23 Javascript
JS实现在网页中弹出一个输入框的方法
Mar 03 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
js/jq仿window文件夹框选操作插件
Mar 08 Javascript
微信小程序 五星评价功能的实现
Mar 09 Javascript
微信小程序日历/日期选择插件使用方法详解
Dec 28 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
Apr 09 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
javascript实现贪吃蛇游戏(娱乐版)
Aug 17 Javascript
深入浅析js原型链和vue构造函数
Oct 25 #Javascript
AngularJS 多指令Scope问题的解决
Oct 25 #Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 #jQuery
webpack打包非模块化js的方法
Oct 24 #Javascript
如何实现一个webpack模块解析器
Oct 24 #Javascript
vue项目中使用Svg的方法
Oct 24 #Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
Oct 24 #Javascript
You might like
PHP概述.
2006/10/09 PHP
php 正则匹配函数体
2009/08/25 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
PHP操作Redis常用技巧总结
2018/04/24 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
Mootools 1.2 手风琴(Accordion)教程
2009/09/15 Javascript
JS 树形递归实例代码
2010/05/18 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
2014/01/10 Javascript
javascript中expression的用法整理
2014/05/13 Javascript
如何正确使用javascript 来进行我们的程序开发
2014/06/23 Javascript
前端轻量级MVC框架CanJS详解
2014/09/26 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
mui上拉加载更多下拉刷新数据的封装过程
2017/11/03 Javascript
nodejs制作小爬虫功能示例
2020/02/24 NodeJs
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
原生小程序封装跑马灯效果
2020/10/21 Javascript
python在windows下实现ping操作并接收返回信息的方法
2015/03/20 Python
在Python程序中实现分布式进程的教程
2015/04/28 Python
深入浅出学习python装饰器
2017/09/29 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
Python学习笔记之While循环用法分析
2019/08/14 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
常用python爬虫库介绍与简要说明
2020/01/25 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
Python rabbitMQ如何实现生产消费者模式
2020/08/24 Python
最新英语专业学生求职信范文
2013/09/21 职场文书
表彰先进的通报
2014/01/31 职场文书
劲霸男装广告词改编版
2014/03/21 职场文书
文明村创建实施方案
2014/03/27 职场文书
团日活动总结书格式
2014/05/08 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
教师党员整改措施
2014/10/24 职场文书
优秀学生干部事迹材料
2014/12/24 职场文书
新课程改革心得体会
2016/01/22 职场文书