前端常见面试题

1.js如何判断一个对象为数组？

方法一 instanceof

instanceof 用于判断一个变量是否某个对象的实例

a instanceof b?alert(“true”):alert(“false”)
//注意b值是你想要判断的那种数据类型，不是一个字符串，比如Array

举个栗子:

var a=[]; console.log(a instanceof Array) //返回true

方法二 constructor
在W3C定义中的定义：constructor 属性返回对创建此对象的数组函数的引用，就是返回对象相对应的构造函数。

　 (a.constructor == Array) // a实例所对应的构造函数是否为Array? true or false

较为严谨并且通用的方法：

function isArray(object){
return object && typeof object===’object’ &&
Array == object.constructor; }

方法三特性判断法

function isArray(object){
return object && typeof object===’object’ &&
typeof object.length===’number’ &&
typeof object.splice===’function’ &&
//判断length属性是否是可枚举的对于数组将得到false
!(object.propertyIsEnumerable(‘length’)); } 复制代码有length和splice并不一定是数组，因为可以为对象添加属性，而不能枚举length属性，才是最重要的判断因子。

方法四最简单的方法

对于这种方法，以下有几个链接可供参考解释：

http://blog.csdn.net/zhangw428/article/details/4171630

http://my.oschina.net/sfm/blog/33197

http://openxtiger.iteye.com/blog/1893378

function isArray(o) {
return Object.prototype.toString.call(o) === ‘[object Array]‘; }

2.js如何将任意字符串转换成字符数组

字符串转数组

> var str = "adsfasdfasdf";
> console.log(str.split(""));
> console.log(str.replace(/(.)(?=[^$])/g,"$1,").split(","));
> //正则表达式--匹配任意字符除开$将其替换成$1变量(指定的任意字符本身)加上,

数组转字符串

1
2
3

> var array = str.split("");
> console.log(array.join(""));
> console.log(array.toString().replace(/,/g,""));

3.js操作数组的方法

concat() 连接两个或更多的数组，并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素，并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素，并向数组添加新元素。
toSource() 返回该对象的源代码。
toString() 把数组转换为字符串，并返回结果。
toLocaleString() 把数组转换为本地数组，并返回结果。
unshift() 向数组的开头添加一个或更多元素，并返回新的长度。
valueOf() 返回数组对象的原始值

4.css布局右侧固定，左侧自适应

<div class="ff">
		<div class="box left"></div>
		<div class="box right"></div>
</div>
//1.固定区域绝对定位，自适应区域设置margin
.left{
	margin-left: 310px;
	width:100%;
}
.right{
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
}
//2.float加margin
.left{
	float: left;
	margin-left: -310px;
	width: 100%;
}
.right{
	float: right;
	width: 300px;
}
//3.标准处理方式，ie7以下不兼容,table加浮动
.ff{
	display: table;
	width: 100%;
}
.left{
	display: table-cell;
	width: 100%;
}
.right{
	width: 300px;
	float: right;
}