首页 > 代码库 > JavaScript 常用基础知识
JavaScript 常用基础知识
1、数据类型:
1)原始类型: String Boolean Number Null Undefiend
2)引用类型:Object ..........
总结:为什么老生常谈数据类型呢?在开发中他们到底数据类型有什么指引,我从不纠结Null到底是Object类型还是Undefiend类型,没意义的东西不需要花费时间。但是,这里他告诉我们的是:原始类型永远是对象的拷贝,传值不传址;然而,引用类型则传的是引用,改变一个对象的引用会影响对象本身!所以,一定要记住5大原始数据类型。
/** 原始类型操作,传值不传址*/ var str = ‘hello wrolld‘; function changeStr(str) { str = ‘welcome‘; } changeStr(str); console.info(str);
/** 对象引用操作,对象的引用发生改变,那么会改变其他的对象引用*/ var str = { key: ‘hello world‘ }; function changeStr(str) { str.key = ‘welcome‘; } changeStr(str); console.info(str.key);
2、对象属性
1)obj.property
2)obj[property]
总结:从来就没有什么get方法来获取属性值的,都是语言学习多了搞混了。就好像,在Java中经常使用for(String str : list ) ; 然而在Javascript中如果这样使用那么必然错误,Javascript我们应该这样使用 for(var str in list ) ; 有些时候就是一不小心踩雷了!关于对象属性,不要以为上面两种方法是相同的,其实二者差异还是有的,obj.property 那么property必须不能是变量,只是一个obj定义的属性名称,而且这个名称必须符合Javascript变量命名规范,否则你是无法调用的,因为Javascript的对象可以把1作为属性名称,但是他是不符合命名规范的。如果你使用obj[property] 那就不一样了,property是一个变量,这个变量可以是任意的(比如数组遍历的时候是数字,属性遍历的时候可能是字符串等),他也能获取对象对应的属性值。所以,如果知道某个对象的属性我们可以使用obj.property ; 如果我们不知道你们应该采用第二种。
var obj = new Object(); obj.name = ‘maven‘;//必须符合变量的命名规范 obj[1] = ‘git‘;//可以像数组一样建立索引,也就是一个属性 obj[{name:‘svn‘}]=‘cvs‘;// 可以传入任何变量 for (var attr in obj) { console.info(obj[attr]); }
3、删除对象的属性
1) delete obj.property
2) delete obj[property]
总结:网上看了很多资料,说删除一个对象的属性就是把他的值设置为 undefined 或 Null ,说实话,我开始的时候真的相信了,因为,对象不存在就不是undefined吗?后面,当我真正对代码测试才发现被坑了,对象的属性是无法通过赋值来删除的,不信你可以自己用for in 去试试,结果就是这样。尤其是,我在把一个对象转为JSON字符串的时候想要删除对象的一个属性,如果你只是赋值为Null ,那么转为JSON不还是有Null值吗?所以,我们应该采取以上的方式真正的删除对象的属性,让对象的属性不存在,即使使用for in 也无法遍历出来。
var obj = {}; obj.name = ‘key‘; obj.value = ‘mavne‘; obj.age =12; obj.phone= 156; obj.identify = ‘@dfd_dfd‘; console.info(JSON.stringify(obj)) delete obj[‘value‘]; // 删除属性value delete obj.name; // 删除属性 name obj.identify = undefined; // 属性依旧存在,但是如果采用以下方法获取JSON字符串是不会得到identify属性的 obj.age = null;// 属性依旧存在,实质删除了属性对应的值,转为JSON字符串时还是有这个属性 console.info(JSON.stringify(obj))
4、删除数组中指定的元素
1)arrayObj.pop(); //移除最后一个元素并返回该元素值
2)arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
3)arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,返回所移除的元素
4)delete array[property];//删除指定位置的元素,如果删除则返回true,否则返回false
总结:到底数组的是对象还是对象是数组呢?说实话,二者真的好像,我还是有点赞同数组是对象一说,因为Java里面是在这样说的,一切万物皆对象,估计也包括数组吧!然而,Javascript如果想要删除数组中指定的元素,可以是使用如上四种方法,前面两种限制条件太多,很少使用,后面两种的差异是,arrayObj.splice(deletePos,deleteCount);可以删除多个元素,而且是以删除元素的数组形式返回,而delete array[property]只能一次性删除一个元素,而且返回的是Boolean形式的值。当然二者都是基于数组自身的操作,换句话会说:他们的操作会改变数组本身。另外,Java删除集合中指定元素时,如果是在循环中删除还要用迭代器,否则会报错,而Javascript在循环中删除是不会出现这种错误,所以循环中删除也是没问题的。
var array = new Array(); array[0] = {name:‘k1‘,value:‘dd‘} array[1] = {name:‘k2‘,value:‘dd‘} array[2] = {name:‘k3‘,value:‘dd‘} array[3] = {name:‘k4‘,value:‘dd‘} array[4] = {name:‘k5‘,value:‘dd‘} array[5] = {name:‘k6‘,value:‘dd‘} for(var i = 0 ; i < array.length ; i++){ console.info(i); if( i == 2){ var obj = array.splice(i,1); // 数组自带删除元素的方法,返回一个数组 console.info(obj[0].name); //delete array[i]; 删除对象属性的方法,把数组看成一个对象,然后进行删除属性操作,返回一个Boolean值 } } for(var obj in array){ console.info(array[obj]); }
JavaScript 常用基础知识