問答
數(shù)組方法里push撵枢、pop、shift、unshift锄禽、join潜必、split分別是什么作用。（*）
- push:在數(shù)組最后添加元素沟绪，并返回?cái)?shù)組元素個(gè)數(shù)
- pop:刪除最后一個(gè)元素并返回刮便，并返回刪除的元素
- shift：可以刪除數(shù)組index最小元素，并使后面元素index都減一绽慈，length也減一，
并返回被刪除的元素 - unshift:用于向數(shù)組頭部添加一個(gè)元素,并返回?cái)?shù)組元素個(gè)數(shù)
- join：作用是把數(shù)組元素（對象調(diào)用其toString()方法）使用參數(shù)作為連接符連接成一字符串辈毯，不會(huì)修改原數(shù)組內(nèi)容
- split:用于把一個(gè)字符串分割成字符串?dāng)?shù)組坝疼。一個(gè)字符串?dāng)?shù)組。
語法：stringObject.split(separator,howmany)
返回值
一個(gè)字符串?dāng)?shù)組谆沃。該數(shù)組是通過在 separator 指定的邊界處將字符串stringObject
分割成子串創(chuàng)建的钝凶。返回的數(shù)組中的字串不包括separator 自身。
但是唁影，如果 separator 是包含子表達(dá)式的正則表達(dá)式耕陷，那么返回的數(shù)組中包括與這些子表達(dá)式匹配的字串（但不包括與整個(gè)正則表達(dá)式匹配的文本）
代碼題
數(shù)組
- 用 splice 實(shí)現(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);
-
寫一個(gè)find函數(shù)，實(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
- 寫一個(gè)函數(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有個(gè)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 ;
}
}
- 寫一個(gè)camelize函數(shù)崔慧，把my-short-string形式的字符串轉(zhuǎn)化成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
控制臺(tái)打踊淌摇：hello hunger valley
網(wǎng)頁有彈窗：
Paste_Image.png
解釋：數(shù)組末尾添加一個(gè)匿名元素為函數(shù)温自，調(diào)用這個(gè)匿名函數(shù),控制臺(tái)打印出 "hello hunger valley"，并且返回一個(gè)undefined拇涤，因此alter彈窗彈出一個(gè)undefined捣作。 寫一個(gè)函數(shù)isPalindrome,判斷一個(gè)字符串是不是回文字符串（正讀和反讀一樣，比如 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ù)";
}
}
- 寫一個(gè)ageSort函數(shù)實(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 ]
-
寫一個(gè)filter(arr, func) 函數(shù)用于過濾數(shù)組，接受兩個(gè)參數(shù)，第一個(gè)是要處理的數(shù)組也拜，第二個(gè)參數(shù)是回調(diào)函數(shù)(回調(diào)函數(shù)遍歷接受每一個(gè)數(shù)組元素以舒，當(dāng)函數(shù)返回true時(shí)保留該元素，否則刪除該元素)慢哈。實(shí)現(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]
字符串
- 寫一個(gè) ucFirst函數(shù)蔓钟，返回第一個(gè)字母為大寫的字符 （***）
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);
}
- 寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength，會(huì)把str
截?cái)嗟絤axlength長卵贱，并加上...滥沫，如 （****）
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ù)學(xué)函數(shù)
- 寫一個(gè)函數(shù)，獲取從min到max之間的隨機(jī)整數(shù)键俱，包括min不包括max （***）
function getn(min,max){
var i = Math.random();
return min+Math.floor(i*(max-min));
}
- 寫一個(gè)函數(shù)兰绣，獲取從min都max之間的隨機(jī)整數(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;
}
- 寫一個(gè)函數(shù)编振，獲取一個(gè)隨機(jī)數(shù)組缀辩，數(shù)組中元素為長度為len，最小值為min踪央，最大值為max(包括)的隨機(jī)整數(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;
}
- 寫一個(gè)函數(shù)臀玄，生成一個(gè)長度為 n 的隨機(jī)字符串，字符串字符的取值范圍包括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;
}
