数组、字符串、数学函数代码实例

数组

• 用splice实现push、pop、shift、unshift方法

  /*splice实现push*/
  var arr = [1,2,3,4];
  function arrPush(arr,value){
    arr.splice(arr.length,0,value);
    return arr.length;
  }
  arrPush(arr,5);
  
  /*splice实现pop*/
  var arr = [1,2,3,4];
  function arrPop(arr){
    return arr.splice(arr.length-1,1)[0];
  }
  arrPop(arr);
  
  /*splice实现shift*/
  var arr = [1,2,3,4];
  function arrShift(arr){
    return arr.splice(0,1)[0];
  }
  arrShift(arr);
  
  /*splice实现unshift*/
  var arr = [1,2,3,4];
  function arrUnshift(arr,value){
    arr.splice(0,0,value);
    return arr.length;
  }
  arrPush(arr,5);
  

• 使用数组拼接出如下字符串
  /使用数组拼接字符串/
  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函数，实现下面的功能
  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;
  }
  

• 写一个函数filterNumeric，把数组arr中的数字过滤出来赋值给新数组newarr，原数组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函数，有如下功能：
  var obj = {
  className: 'open menu'
  }
  addClass(obj, 'new') // obj.className='open menu new'
  addClass(obj, 'open') // 因为open已经不存在，所以不会再次添加open
  addClass(obj, 'me') // me不存在，所以obj.className变为'open menu new me'
  console.log(obj.className) // "open menu new me"

  removeClass(obj, 'open')  // 去掉obj.className里面的open,变成'menu new me'
  removeClass(obj, 'blabla')  // 因为blabla不存在，所以此操作无任何影响
  

  ---

  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函数，把my-short-string形式的字符串转化成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')) } );这条语句将函数写进了数组最后一个元素；
  • arr[arr.length-1]()：执行刚才写进的函数，先在console打印“hello hunger valley”，然后弹出提示框内容为undefined。因为console.log的返回值为undefined
    
• 写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字。要求在原数组上操作
  arr = ["a", "b", 1, 3, 4, 5, "b", 2];
  //对原数组进行操作，不需要返回值
  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函数实现数组中对象按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) 函数用于过滤数组，接受两个参数，第一个是要处理的数组，第二个参数是回调函数(回调函数遍历接受每一个数组元素，当函数返回true时保留该元素，否则删除该元素)。实现如下功能：
  function isNumeric (el){
  return typeof el === 'number';
  }
  arr = ["a",3,4,true, -1, 2, "b"]

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

  ---

  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],  过滤出数字
  arr = filter(arr, function(val) { return  typeof val === "number" && val > 0 });  // arr = [3,4,2] 过滤出大于0的整数
  

字符串

• 写一个 ucFirst函数，返回第一个字母为大写的字符
  ucFirst("hunger") == "Hunger"

  ---

  function ucFirst(str) {
    var arr = str.split("");
    arr[0] = arr[0].toUpperCase();
    str = arr.join("");
    return str;
  }
  ucFirst("hunger");
  

• 写一个函数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);
  

数学函数

• 写一个函数，获取从min到max之间的随机整数，包括min不包括max （***）
  function getRandInt(min, max){
  return Math.floor(Math.random() * (max - min) + min);
  }
  var str = getRandInt(0, 10);

  
  
• 写一个函数，获取从min都max之间的随机整数，包括min包括max （***）
  function getRandInt(min, max){
  return Math.floor(Math.random() * (max + 1 - min) + min);
  }
  var str = getRandInt(0, 10);

• 写一个函数，获取一个随机数组，数组中元素为长度为len，最小值为min，最大值为max(包括)的随机整数 （***）
  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);

  
  

• 写一个函数，生成一个长度为 n 的随机字符串，字符串字符的取值范围包括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);

  
  

---

本文版权属吴天乔所有，转载务必注明出处。