数组方法里的push,pop,shift,unshift,join,split分别有什么作用。
- push在数组的末端添加一个或多个元素，并返回添加新元素后的数组长度，该方法会改变原数组。
var arr = [];
arr.push('a'); //1
arr.push(2); //2
arr.push(false,{}); //4
arr //['a',2,false,{}]
- pop用于删除数组的最后一个元素，并返回该元素。该方法会改变原数组。
var arr = ['a','c','d'];
arr.pop(); //'d'
arr //['a','c']
[].pop(); //undefined
- shift用于删除数组的第一个元素并返回该元素，会改变原数组。
var arr = ['a','b','c'];
arr.shift(); //'a'
arr //['b','c']
- unshift用于在数组的第一个位置添加元素，返回添加元素后的数组长度，会改变数组。
var arr = ['a','b','c'];
arr.unshift('d'); //4
arr //['d','a','b','c']
- join方法一参数为分隔符，将所有数组成员组成一个字符串返回，不提供参数时，默认用逗号分隔。
var arr = [1,2,3,4];
arr.join(''); //'1234'
arr.join(|); //'1|2|3|4'
arr.join(); //'1,2,3,4'
- split方法按照给定的规则分割字符串，返回一个由字符串组成的数组。
var str = 'a|b|c';
arr.split(''); //[a,|,b,|,c]
arr.split('|'); //[a,b,c]
代码
用 splice 实现 push、pop、shift、unshift方法。
function push (arr,val){
arr.splice(arr.length,0,val);
return arr.length;
}
function pop (arr){
var tmpArr = arr.splice(arr.length-1,1);
return tmpArr[0];
}
function shift(arr) {
var tmpArr = arr.splice(0, 1);
return tmpArr[0];
}
function unshift(arr, val){
arr.splice(0, 0, val);
return arr.length;
}
使用数组拼接出如下字符串
var prod = {
name:'女装',
style:['短款','冬季','春装']
};
function getTplStr(data){
var arr = [];
arr.push('<dl class="product">');
arr.push('<dt>'+data.name+'</dt>');
for (var i = 0; i < data.style.length; i++) {
arr.push('<dd>'+data.style[i]+'</dd>');
}
arr.push('</dt>');
return arr.join(' ');
};
var result = getTplStr(prod);
console.log(result);
<dl class="product">
<dt>女装</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春装</dd>
</dl>
写一个find函数，实现下面的功能
var arr = ["test", 2, 1.5, false]
function find(array, val){
for (var i = 0; i < array.length; i++) {
if (array[i] === val) {
return i;
}
}
return -1;
}
console.log(find(arr, "test")); // 0
console.log(find(arr, 2)); //1
console.log(find(arr, 1.5)); //2
console.log(find(arr, false)); //3
console.log(find(arr, 3)); //-1
写一个函数filterNumericInPlace，实现如下功能
arr = ["a", "b", 1, 3, 4, 5, "b", 2];
function filterNumericInPlace(arr){
var newArr = [];
for (var i = 0; i < arr.length; i++) {
if (typeof arr[i] === 'number') {
newArr.push(arr[i]);
}
}
return newArr;
}
newArr = filterNumericInPlace(arr);
console.log(newArr)
对象obj有个className属性，里面的值为的是空格分割的字符串(和html元素的class特性类似)，写addClass、removeClass函数，有如下功能
var obj = {
className: 'open menu'
}
addClass(obj, 'new') //obj.className='open menu new'
addClass(obj, 'open') //因为open已经存在，此操作无任何变化
addClass(obj, 'me') //obj.className='open menu new me'
console.log(obj.className) // 'open menu new me'
removeClass(obj, 'open') //obj.className='menu new me'
removeClass(obj, 'blabla') //不变
var obj = {
className: 'open menu'
}
function addClass(obj,cls){
var arr = obj.className.split(' ');
for (var i = 0; i < arr.length; i++) {
if (arr[i] === cls) {
return;
}
}
arr.push(cls);
obj.className = arr.join(' ');
}
function removeClass(obj,cls){
var arr = obj .className.split(' ');
for (var i = 0; i < arr.length; i++) {
if (arr[i] === cls) {
arr.splice(i,1);
i--;
}
}
obj.className = arr.join(' ');
}
addClass(obj, 'new')
addClass(obj, 'open')
addClass(obj, 'me')
console.log(obj.className)
removeClass(obj, 'open')
removeClass(obj, 'blabla')
console.log(obj.className)
写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串
function camelize(str){
var arr = str.split('-');
for (var i = 1; i < arr.length; i++) {
arr[i] = arr[i].substr(0,1).toUpperCase() + arr[i].substr(1);
}
var newStr = arr.join('');
return newStr;
}
camelize('background-color') //backgroundColor
camelize('list-style-image') //listStyleImage
如下代码输出什么？为什么?
arr = ["a","b"];
arr.push(function(){alert(console.log('hello hunger valley'))});
arr[arr.length-1]()
控制台输出hello hunger valley 弹出undefined
1 arr.push()将一个函数加载数组最后边。
2 arr[arr.length-1]() 将这个函数调用。
3 函数在控制台打印 hello hunger valley, console.log()没有返回值，alert弹出undefined。
写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字
arr = ["a","b",1,3,4,5,"b",2];
function filterNumericInPlace(arr){
for (var i = 0; i < arr.length; i++) {
if (typeof(arr[i]) !== 'number') {
arr.splice(i, 1);
i--;
}
}
}
filterNumericInPlace(arr);
console.log(arr)
写一个ageSort函数实现如下功能
var john = { name: "John Smith", age: 23 }
var mary = { name: "Mary Key", age: 18 }
var bob = { name: "Bob-small", age: 6 }
var people = [ john, mary, bob ]
ageSort(people) // [ bob, mary, john ]
var john = { name: "John Smith", age: 23 }
var mary = { name: "Mary Key", age: 18 }
var bob = { name: "Bob-small", age: 6 }
var people = [ john, mary, bob ]
function ageSort(people){
people.sort(function(a,b){return a.age-b.age;});
}
ageSort(people);
console.log(people)
写一个filter(arr, func)函数用于过滤数组，接受两个参数，第一个是要处理的数组，第二个参数是回调函数(回调函数遍历接受每一个数组元素，当函数返回true时保留该元素，否则删除该元素)。实现如下功能
function filter(arr,func){
for (var i = 0; i < arr.length; i++) {
if (!func(arr[i])) {
arr.splice(i,1);
i--;
}
}
return arr;
}
function isNumber(el){
return typeof (el) === "number";
}
var arr = ["a",3,4,true,-1,2,"b"]
arr = filter(arr,isNumber); //arr = [3,4,,-1,2]
arr = filter(arr,function(val){ return val>0}); //arr = [3,4,2]
写一个 ucFirst函数，返回第一个字母为大写的字符
function ucFirst(str){
var newStr = str.slice(0,1).toUpperCase()+str.slice(1);
return newStr;
}
console.log(ucFirst("hunger"))
写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...
function truncate(str,maxlength){
if (str.length > maxlength) {
return str.slice(0,maxlength) + "...";
}else {
return str;
}
}
console.log(truncate("hello, this is hunger valley,",10))
console.log(truncate("hello,world",20))
写一个函数limit2，保留数字小数点后两位，四舍五入， 如
function limit2(num1){
return Math.round(num1*100)/100;
}
var num1 = 3.456;
console.log(limit2(num1));
console.log(limit2(2.42));
写一个函数，获取从min到max之间的随机数，包括min不包括max
写一个函数，获取从min都max之间的随机整数，包括min包括max
写一个函数，获取一个随机数组，数组中元素为长度为len，最小值为min，最大值为max(包括)的随机数
function getRandomArbitrary(min,max){
return Math.random()*(max-min)+min;
}
console.log(getRandomArbitrary(2,9));
function getRandomInt(min,max){
return Math.floor(Math.random()*(max-min+1)+min);
}
console.log(getRandomInt(2,9));
function getRandomArray(len,min,max){
var arr = [];
for (var i = 0; i < len; i++) {
arr.push(Math.random()*(max-min+1)+min);
}
return arr;
}
console.log(getRandomArray(8,2,9))
