問答
數(shù)組方法里push、pop、shift、unshift、join、split分別是什么作用。(*)
- push:在數(shù)組最后添加元素,并返回數(shù)組元素個數(shù)
- pop:刪除最后一個元素并返回,并返回刪除的元素
- shift:可以刪除數(shù)組index最小元素,并使后面元素index都減一,length也減一,
并返回被刪除的元素 - unshift:用于向數(shù)組頭部添加一個元素,并返回數(shù)組元素個數(shù)
- join:作用是把數(shù)組元素(對象調(diào)用其toString()方法)使用參數(shù)作為連接符連接成一字符串,不會修改原數(shù)組內(nèi)容
- split:用于把一個字符串分割成字符串數(shù)組。一個字符串數(shù)組。
語法:stringObject.split(separator,howmany)
返回值
一個字符串數(shù)組。該數(shù)組是通過在 separator 指定的邊界處將字符串stringObject
分割成子串創(chuàng)建的。返回的數(shù)組中的字串不包括separator 自身。
但是,如果 separator 是包含子表達式的正則表達式,那么返回的數(shù)組中包括與這些子表達式匹配的字串(但不包括與整個正則表達式匹配的文本)
代碼題
數(shù)組
- 用 splice 實現(xiàn) push、pop、shift、unshift方法 (***)
function push(arr,x){
arr.splice(arr.length,0,x)
return arr.length;
}
function pop(arr){
return arr.splice(arr.length-1,1)[0];
}
function shift(arr){
return arr.splice(0,1)[0];
}
function unshift(arr,x){
arr.splice(0,0,x);
return arr.length;
}
-
使用數(shù)組拼接出如下字符串 (***)
Paste_Image.png
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
var a = [];
a.unshift('<dl class="product">'+'\n');
a.push(' <dt>'+data.name+'<dt>'+'\n');
for(var i=0;i<data.styles.length;i++){
a.push(' <dt>'+data.styles[i]+'<dt>'+'\n')
}
a.push('</dl>');
return a.join('');;
}
var result = getTpl(prod);
console.log(result);
-
寫一個find函數(shù),實現(xiàn)下面的功能 (***)
Paste_Image.png
var arr = [ "test", 2, 1.5, false ]
function find(arr,val){
return arr.indexOf(val);
}
find(arr, "test") // 0
find(arr, 2) // 1
find(arr, 0) // -1
- 寫一個函數(shù)filterNumeric,把數(shù)組 arr 中的數(shù)字過濾出來賦值給新數(shù)組newarr, 原數(shù)組arr不變 (****)
arr = ["a", "b", 1, 3, 5, "b", 2];
function filterNumeric(arr){
var c =[];
for(var i=0;i<arr.length;i++){
if(typeof arr[i] =='number'){
c.push(arr[i]);
}
}
return c;
}
newarr = filterNumeric(arr); // [1,3,5,2]
arr = ["a", "b", 1, 3, 5, "b", 2];
newarr = filterNumeric(arr); // [1,3,5,2]
-
對象obj有個className屬性,里面的值為的是空格分割的字符串(和html元素的class特性類似),寫addClass、removeClass函數(shù),有如下功能:(****)
Paste_Image.png
function addClass(data,val){
var data_arr = data.className.split(' ');
if(data_arr.indexOf(val)==-1){
data.className+=' '+val;
return data;
}
else{
return data;
}
}
function removeClass(data,val){
var data_arr = data.className.split(' ');
if(data_arr.indexOf(val) ==-1){
return ;
}
else{
var i = data_arr.indexOf(val);
data_arr.splice(i,1);
data=data_arr;
return data ;
}
}
- 寫一個camelize函數(shù),把my-short-string形式的字符串轉化成myShortString形式的字符串,如 (***)

Paste_Image.png
function camelize(str) {
var s = str.split('-');
if (s.length === 1) { return str;}
for (var i = 0; i < s.length; i++) {
s[i] = s[i].charAt(0).toUpperCase() + s[i].substr(1, s[i].length-1);
}
console.log(str = s.join(''));
}
-
如下代碼輸出什么?為什么? (***)
Paste_Image.png
控制臺打印:hello hunger valley
網(wǎng)頁有彈窗:
Paste_Image.png
解釋:數(shù)組末尾添加一個匿名元素為函數(shù),調(diào)用這個匿名函數(shù),控制臺打印出 "hello hunger valley",并且返回一個undefined,因此alter彈窗彈出一個undefined。 寫一個函數(shù)isPalindrome,判斷一個字符串是不是回文字符串(正讀和反讀一樣,比如 abcdcba 是回文字符串, abcdefg不是)
function isPalindrome(str) {
var s = str.split('');
var hws=true;
for (var i = 0; i < s.length / 2; i++) {
if (s[i] != s[s.length-1-i]) {
hws=false;
break;
}
}
console.log(str,hws? '是回文數(shù)':'不是回文數(shù)')
return hws;
}
//方法二
function isPalindrome(data){
var arr = data.split('');
if(data == arr.reverse().join('')){
return "是回文數(shù)";
}else{
return "不是回文數(shù)";
}
}
- 寫一個ageSort函數(shù)實現(xiàn)數(shù)組中對象按age從小到大排序 (***)

Paste_Image.png
function ageSort(arr){
arr.sort(function(v1, v2){
return v1.age - v2.age;
});
console.log(arr);
}
ageSort(people) // [ bob, mary, john ]
-
寫一個filter(arr, func) 函數(shù)用于過濾數(shù)組,接受兩個參數(shù),第一個是要處理的數(shù)組,第二個參數(shù)是回調(diào)函數(shù)(回調(diào)函數(shù)遍歷接受每一個數(shù)組元素,當函數(shù)返回true時保留該元素,否則刪除該元素)。實現(xiàn)如下功能: (****)
Paste_Image.png
function isNumeric (el){
return typeof el === 'number';
}
arr = ["a",3,4,true, -1, 2, "b"]
function filter(arr,fn){
var newarr =[]
for(i=0;i<arr.length;i++){
if(fn(arr[i])){
newarr.push(arr[i]);
}
}
console.log(newarr);
}
arr = filter(arr,function(val){ return typeof val === "number" && val > 0 });// arr = [3,4,2]
arr = filter(arr, isNumeric) ; // arr = [3,4,-1, 2]
字符串
- 寫一個 ucFirst函數(shù),返回第一個字母為大寫的字符 (***)
function ucFirst(str){
var s = str.split('');
s[0]=s[0].toUpperCase();
console.log(s.join('')) ;
}
//方法二
function ucFirst(str){
console.log(str = str.replace(str[0], str[0].toUpperCase()));
//console.log(str[0].toUpperCase() + str.substr(1));
}
//方法三
function ucFirst(str){
return str[0].toUpperCase()+str.slice(1,str.length);
}
- 寫一個函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength,會把str
截斷到maxlength長,并加上...,如 (****)
truncate("hello, this is hunger valley,", 10)) == "hello, thi...";truncate("hello world", 20)) == "hello world"
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"
function truncate(str,num){
var s =str.split('');
if(num>=s.length)
return str =str.substr(0,num);
else
return str =str.substr(0,num)+"..."
}
數(shù)學函數(shù)
- 寫一個函數(shù),獲取從min到max之間的隨機整數(shù),包括min不包括max (***)
function getn(min,max){
var i = Math.random();
return min+Math.floor(i*(max-min));
}
- 寫一個函數(shù),獲取從min都max之間的隨機整數(shù),包括min包括max (***)
function math4(n){
var str ="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var r='';
for(var i=0;i<n;i++){
var num=Math.floor(s.length);
r+=s[num];
}
return r;
}
- 寫一個函數(shù),獲取一個隨機數(shù)組,數(shù)組中元素為長度為len,最小值為min,最大值為max(包括)的隨機整數(shù) (***)
function(len,min,max){
var arr = new Array(len);
for(var i=0;i<len;i++){
arr[i]=min+(Math.random()*(max-min+1));
}
retturn arr;
}
- 寫一個函數(shù),生成一個長度為 n 的隨機字符串,字符串字符的取值范圍包括0到9,a到 z,A到Z。
function math4(n){
var str ="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var r='';
for(var i=0;i<n;i++){
var num=Math.floor(s.length);
r+=s[num];
}
return r;
}





