猪八戒面试前端题

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变量(指定的任意字符本身)加上,

数组转字符串

> 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;}