數(shù)組、字符串、數(shù)學(xué)函數(shù)代碼實(shí)例

數(shù)組

  • 用splice實(shí)現(xiàn)push、pop、shift、unshift方法

    /*splice實(shí)現(xiàn)push*/
var arr = [1,2,3,4];
function arrPush(arr,value){
  arr.splice(arr.length,0,value);
  return arr.length;
}
arrPush(arr,5);

/*splice實(shí)現(xiàn)pop*/
var arr = [1,2,3,4];
function arrPop(arr){
  return arr.splice(arr.length-1,1)[0];
}
arrPop(arr);

/*splice實(shí)現(xiàn)shift*/
var arr = [1,2,3,4];
function arrShift(arr){
  return arr.splice(0,1)[0];
}
arrShift(arr);

/*splice實(shí)現(xiàn)unshift*/
var arr = [1,2,3,4];
function arrUnshift(arr,value){
  arr.splice(0,0,value);
  return arr.length;
}
arrPush(arr,5);

  • 使用數(shù)組拼接出如下字符串
    /使用數(shù)組拼接字符串/
    var prod = {
    name: '女裝',
    styles: ['短款', '冬季','春裝']
    };
    function getTpl(data){
    var htmls = [];
    htmls = htmls.concat("<dl class='product'>");
    if(data.name.length > 0){
    htmls = htmls.concat(" <dt>" + data.name + "</dt>");
    }
    if(data.styles.length > 0){
    data.styles.forEach(function(item,index,array){
    htmls = htmls.concat(" <dd>" + item + "</dd>");
    });
    }
    htmls = htmls.concat("</dl>");
    return htmls.join("\n");
    }
    var result = getTpl(prod);
    //result為下面的字符串

    <dl class="product">
   <dt>女裝</dt>
   <dd>短款</dd>
   <dd>冬季</dd>
   <dd>春裝</dd>
</dl>
  • 寫一個find函數(shù)，實(shí)現(xiàn)下面的功能
    var arr = ["test", 2, 1.5, false]
    find(arr, "test") // 0
    find(arr, 2) //1
    find(arr, 0) //-1 
    function find(arr, value){
  for(var i = 0; i < arr.length; i++){
    if(arr[i] === value){
      return i;
    }
  }
  return -1;
}
  • 寫一個函數(shù)filterNumeric，把數(shù)組arr中的數(shù)字過濾出來賦值給新數(shù)組newarr，原數(shù)組arr不變
    arr = ["a", "b", 1, 3, 5, "b", 2];
    newarr = filterNumeric(arr); // [1,3,5,2] 
    function filterNumeric(arr){
  var newarr = [];
  for(var i = 0; i < arr.length; i++){
    if(typeof(arr[i]) == "number"){
      newarr.push(arr[i]);
    }
  }
  return newarr;
}

  • 對象obj有個className屬性，里面的值為空格分割的字符串(和html元素的class特性類似)，寫addClass、removeClass函數(shù)，有如下功能：
    var obj = {
    className: 'open menu'
    }
    addClass(obj, 'new') // obj.className='open menu new'
    addClass(obj, 'open') // 因?yàn)閛pen已經(jīng)不存在，所以不會再次添加open
    addClass(obj, 'me') // me不存在，所以obj.className變?yōu)?open menu new me'
    console.log(obj.className) // "open menu new me"

    removeClass(obj, 'open')  // 去掉obj.className里面的open,變成'menu new me'
removeClass(obj, 'blabla')  // 因?yàn)閎labla不存在，所以此操作無任何影響

    var obj = {
   className: 'open menu'
}
function addClass(obj, value) {
  var arr = obj.className.split(" ");
  for(var i = 0; i < arr.length; i++){
    if(arr[i] === value){
      return;
    }
  }
  arr.push(value);
  obj.className = arr.join(" ");
}

function removeClass(obj, value) {
  var arr = obj.className.split(" ");
  for(var i = 0; i < arr.length; i++){
    if(arr[i] === value){
      arr.splice(i, 1);
      i--;
    }
  }
  obj.className = arr.join(" ");
}

  • 寫一個camelize函數(shù)，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串，如
    camelize("background-color") == 'backgroundColor'
    camelize("list-style-image") == 'listStyleImage'

    function camelize(str) {
  var arr = str.split("-");
  for(var i = 1; i < arr.length; i++){
    var arr2 = arr[i].split("");
    arr2[0] = arr2[0].toUpperCase();
    arr[i] = arr2.join("");
  }
  str = arr.join("");
  return str;
}
  • 如下代碼輸出什么？為什么？
    arr = ["a", "b"];
    arr.push( function() { alert(console.log('hello hunger valley')) } );
    arrarr.length-1
    • arr.push( function() { alert(console.log('hello hunger valley')) } );這條語句將函數(shù)寫進(jìn)了數(shù)組最后一個元素；
    • arr[arr.length-1]()：執(zhí)行剛才寫進(jìn)的函數(shù)，先在console打印“hello hunger valley”，然后彈出提示框內(nèi)容為undefined。因?yàn)?code>console.log的返回值為undefined
  • 寫一個函數(shù)filterNumericInPlace，過濾數(shù)組中的數(shù)字，刪除非數(shù)字。要求在原數(shù)組上操作
    arr = ["a", "b", 1, 3, 4, 5, "b", 2];
    //對原數(shù)組進(jìn)行操作，不需要返回值
    filterNumericInPlace(arr);
    console.log(arr) // [1,3,4,5,2] 
    var 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函數(shù)實(shí)現(xiàn)數(shù)組中對象按age從小到大排序
    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(arr) {
  arr.sort(function (val1, val2) {
    return val1.age - val2.age;
  });
}
ageSort(people);

  • 寫一個filter(arr, func) 函數(shù)用于過濾數(shù)組，接受兩個參數(shù)，第一個是要處理的數(shù)組，第二個參數(shù)是回調(diào)函數(shù)(回調(diào)函數(shù)遍歷接受每一個數(shù)組元素，當(dāng)函數(shù)返回true時保留該元素，否則刪除該元素)。實(shí)現(xiàn)如下功能：
    function isNumeric (el){
    return typeof el === 'number';
    }
    arr = ["a",3,4,true, -1, 2, "b"]

    arr = filter(arr, isNumeric) ; // arr = [3,4,-1, 2], 過濾出數(shù)字
arr = filter(arr, function(val) { return typeof val === "number" && val > 0 }); // arr = [3,4,2] 過濾出大于0的整數(shù)

    function isNumeric (el){
    return typeof el === 'number'; 
}
arr = ["a",3,4,true, -1, 2, "b"]
function filter(arr, func) {
  for (var i = 0; i < arr.length; i++) {
    if (!func(arr[i], i, arr)){
      arr.splice(i,1);
      --i;
    }
  }
  return arr;
}
arr = filter(arr, isNumeric) ; // arr = [3,4,-1, 2],  過濾出數(shù)字
arr = filter(arr, function(val) { return  typeof val === "number" && val > 0 });  // arr = [3,4,2] 過濾出大于0的整數(shù)

字符串

  • 寫一個 ucFirst函數(shù)，返回第一個字母為大寫的字符
    ucFirst("hunger") == "Hunger" 
    function ucFirst(str) {
  var arr = str.split("");
  arr[0] = arr[0].toUpperCase();
  str = arr.join("");
  return str;
}
ucFirst("hunger");
  • 寫一個函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如
    truncate("hello, this is hunger valley,", 10) == "hello, thi...";
    truncate("hello world", 20) == "hello world" 
    function truncate(str, maxlength) {
  if (str.length > maxlength) {
    str = str.slice(maxlength + 1, str.length - 1);
    str = str.concat("...");
  }
  return str;
}
truncate("hello, this is hunger valley,", 10);
truncate("hello world", 20);

數(shù)學(xué)函數(shù)

  • 寫一個函數(shù)，獲取從min到max之間的隨機(jī)整數(shù)，包括min不包括max （***）
    function getRandInt(min, max){
    return Math.floor(Math.random() * (max - min) + min);
    }
    var str = getRandInt(0, 10);


  • 寫一個函數(shù)，獲取從min都max之間的隨機(jī)整數(shù)，包括min包括max （***）
    function getRandInt(min, max){
    return Math.floor(Math.random() * (max + 1 - min) + min);
    }
    var str = getRandInt(0, 10);

  • 寫一個函數(shù)，獲取一個隨機(jī)數(shù)組，數(shù)組中元素為長度為len，最小值為min，最大值為max(包括)的隨機(jī)整數(shù) （***）
    function getRandArr(len, min, max){
    var arr = [];
    for (var i = 0; i < len; i++) {
    arr[i] = Math.floor(Math.random() * (max + 1 - min) + min);
    }
    return arr;
    }
    var arr = getRandArr(10, 1, 20);


  • 寫一個函數(shù)，生成一個長度為 n 的隨機(jī)字符串，字符串字符的取值范圍包括0到9，a到 z，A到Z。
    function getRandInt(min, max){
    return Math.floor(Math.random() * (max + 1 - min) + min);
    }
    function getRandStr(len){
    var str = "";
    for (var i = 0; i < len; i++) {
    do
    {
    var num = getRandInt(48, 122);
    }
    while (num < 48 && (num > 57 && num < 65) && (num > 90 && num < 97) && num > 122);
    str = str.concat( String.fromCharCode( num.toString() ) );
    }
    return str;
    }
    var str = getRandStr(10);


本文版權(quán)屬吳天喬所有，轉(zhuǎn)載務(wù)必注明出處。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容