【小白笔记】js常用函数与方法

一、递归

所谓递归即函数自己调用自己,语法如下:

//fcname:递归函数名

function fcname() {

    fcname() {}

}

eg:求10的阶乘

function fcname(num) {

    if(num<=1) {

            return 1;

    }

    else {

            return fcname(num-1)*num;

    }

}

console.log("10!="+fcname(10)); //输出结果:10!=3628800

注:其他js内置函数

1、eval():求字符串中表达式的值;

2、isFinite():判断一个数值是否为无穷大;

3、isNaN():判断一个数值是否为NaN;

4、parseInt():将字符型转换为整型;

6、parseFloat():将字符型转换为浮点型;

7、encodeURI():将字符串转换为有效的URL(ajax请求时可转换中文用:encodeURI(encodeURI("所发送的中文字符串")));

8、encodeURIComponent():将字符串转换为有效的URL组件;

9、decodeURI():对encodeURI()编码的文本进行解码;

10、decodeURIComponent():对encodeURIComponent()编码的文本进行解码;


二、数组操作【点击查看“更多数组操作”】

1、冒泡排序、方法如下:

注:所谓冒泡排序,即依次比较数组中相邻元素的值,从小到大(或从大到小)排序。

eg:从小到大排序

var arr = [90,85,99,4,50,60,33,15];

for(var i=0; i<arr.length-1; i++) {

    for(var j=0; j<arr.length-1-i; j++) {

            if(arr[j]>arr[j+1]) {

                    var temp = arr[j];

                    arr[j] = arr[j+1];

                    arr[j+1] = temp;

            }

    }

}

console.log(arr); //输出结果:[4, 15, 33, 50, 60, 85, 90, 99]

2、数组去重、方法如下:

function resame(arrs){

    var newarr = [];

    var json = {};

    for(var i = 0; i < arrs.length; i++) {

        if(json[arrs[i]] != arrs[i]) {

            newarr.push(arrs[i]);

            json[arrs[i]] = arrs[i];

    }

}

return newarr;

}

var arr = [1,2,3,1,2,3,"哈","嗨",4,5,6,4,5,6,"哈","嗨"];

console.log(resame(arr)); //输出结果:[1, 2, 3, "哈", "嗨", 4, 5, 6]


三、字符串操作【点击查看“更多字符串操作”】

1、去空格,方法如下:

a.字符串去所有空格

var str = " hello world ! ";

var str1 = str.replace(/\s/g, "");

console.log(str1); //输出结果:helloworld!

b.jQuery字符串去首尾两端所有空格方法

var str ="        hello world      ";

console.log(str.trim()); //输出结果:hello world


四、面向对象

1、工厂方法(无参),方法如下:

function createCar() {

    var car = new Object;

    car.color = "黑色";

    car.run = function() {

        console.log("颜色为"+car.color)

    }

    return car;

}

var ocar = createCar();

ocar.run(); //输出结果:颜色为黑色

2、工厂方法(有参),方法如下:

function createCar(sColor) {

    var car = new Object;

    car.color = sColor;

    car.run = function() {

        console.log("颜色为"+car.color)

    }

    return car;

}

var ocar = createCar("红色");

ocar.run(); //输出结果:颜色为红色

3、构造函数,方法如下:

function car(sColor) {

    this.color = sColor;

    this.run = function() {

        console.log("颜色为"+this.color)

    }

}

var ocar = new car("白色");

ocar.run(); //输出结果:颜色为白色

4、追加属性,方法如下:

function car(sColor) {

    car.prototype.color = sColor;

    car.prototype.run = function() {

        console.log("颜色为"+this.color)

    }

}

var ocar = new car("蓝色");

ocar.run(); //输出结果:颜色为蓝色

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,104评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • JS循环 for循环 格式:for( var i=0; i<5 ; i++){循环代码;} i=0,是初始化条件,...
    印象rcj阅读 603评论 0 0
  • 问答 数组方法里push、pop、shift、unshift、join、split分别是什么作用。(*) var ...
    风骨来客阅读 358评论 0 0
  • 鸣鸣长大了,对外面的世界有了好奇心,我和鸣鸣爸爸决定带他到国内短途游。8月26日一大早出发了! 运气真好,台风明天...
    想吃冰激凌的猫阅读 291评论 0 0