字符串扩展及数值扩展

怼烎@ 2022-11-21 11:41 153阅读 0赞

# 字符串扩展及数值扩展 #

故心故心故心故心小故冲啊

--------------------

### 文章目录 ###

*  字符串扩展及数值扩展
 *  一、字符串扩展
 *   *  es5
     *  es6
 *  二、数值扩展
 *   *  es5
     *  es6

--------------------

# 一、字符串扩展 #

## es5 ##

var str = 'hello wrold';
    	//属性 截取字符串的长度
    	console.log(str.length);   //11
    
    	//方法
    	//charAt() 方法可返回指定位置的字符
    	console.log(str.charAt(2));   //l
    	console.log(str.charAt(str.length-1));   //d 获取最后一个字符
    
    	//concat() 方法用于连接两个或多个字符串
    	var str1 = 'hello ';
    	var str2 = 'gx';
    	var s = str1.concat(str2,' welcome');
    	console.log(s); //hello gx welcome
    
    	//indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。区分大小写
    	console.log(str.indexOf('o'));   //4 匹配成功后返回索引值
    	console.log(str.indexOf('a'));   //-1 没有匹配成功则返回-1
    	console.log(str.indexOf('o',5));   //8 indexOf(查找的值,开始的位置)
    
    	//lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置
    	console.log(str.lastIndexOf('o'));   //8
    	console.log(str.lastIndexOf('o',5));   //4 后面这个参数是结束的位置
    
    	//replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串
    	var str2 = 'hello gx';
    	replace(searchValue,newValue)   //返回的是新的字符串
    	var s = str2.replace('hello','hi,');
    	console.log(s); //hi, gx
    
    	//split() 方法用于把一个字符串分割成字符串数组
    	var str3 = 'how,are,you';
    	console.log(str3.split(","));   // ["how", "are", "you"]
    	console.log(str3.split(",",2));   // ["how", "are"] 2表示返回数组的最大长度
    
    	//substr() 方法可在字符串中抽取从开始下标开始的指定数目的字符 
    	console.log(str.substr(4));  //o wrold hello wrold
    	console.log(str.substr(2,4));  //substr(start,length) llo
    
    	//substring() 方法用于提取字符串中介于两个指定下标之间的字符
    	console.log(str.substring(4));  //o wrold
    	console.log(str.substring(2,4));  //substr(from,to) ll
    
    	//slice(start, end) 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分 负数表示倒数
    	console.log(str.slice(2,4)); //ll
    	console.log(str.slice(-1)); //d -1表示最后一个字符串
    	console.log(str.substring(-1));   //-1 表示0
    	// slice()和substring()区别 
    	console.log(str.slice(3,-4));  //lo w
    	console.log(str.substring(3,-4));  //hel
    
    
    	//toLowerCase() 方法用于把字符串转换为小写
    	var str4 ='HELLO'
    	console.log(str4.toLowerCase()); 
    
    	// //toUpperCase() 方法用于把字符串转换为大写
    	var str4 ='hello'
    	console.log(str4.toUpperCase());
    
    	//trim() 方法用于删除字符串的头尾空格
    	var str5 = ' hello ';
    	console.log(str5.trim()); // hello

## es6 ##

//includes()： 返回布尔值，表示是否找到了参数字符串。
        var str = 'hello world' ; 
        str.includes('h');
        if(str.indexOf('h') !=-1);
        //模糊查询
        var arr = ['abc','xyz','red','blue','orange','green','ok'];  //查询的列表数据
        var input = 'a'; //输入的条件
        var select = arr.filter(function(item){ 
            return item.includes(input);
            //return item.indexOf(input) !=-1; //==-1不匹配 !=-1匹配
        });
        console.log(select)
    
        //startsWith()： 返回布尔值，表示参数字符串是否在原字符串的头部。
        var str = 'hello world' ; 
        str.startsWith('h')  //true
        str.startsWith('h',4)  //false //第二个参数表示搜索的位置 
        str.startsWith('H')  //false 区分大小写
        //endsWith()： 返回布尔值，表示参数字符串是否在原字符串的尾部
        //repeat()： 返回一个新字符串,表示将原字符串重复n次。
        var str = 'hello' ; 
        str.repeat(2)  //hellohello
        //padStart()： 用于头部补全
        var str = 'ok' ; 
        str.padStart(5,'abc')  //abcok 5表示补全的长度，'abc'补全的内容
        //padEnd()： 用于尾部补全。

# 二、数值扩展 #

## es5 ##

//parseInt将字符串转化为数字
        var s = '20';
        console.log(parseInt(s));
        console.log(parseInt("10 20 30")); //10
        console.log(parseInt("10 year"));  //10
        console.log(parseInt("year 10")); //NaN
    
        //Number js变量转化为数值 (false null [] 返回为0)
        console.log(Number(true)); //1
        console.log(Number(false)); //0
        console.log(Number(null));  //0
        console.log(Number(undefined)); //NaN
        console.log(Number("abc")); //NaN
        console.log(Number({ }));//NaN
        console.log(Number([]));//0
        console.log(Number(function(){ }));//NaN
    
        //toFixed(小数点的位数) 四舍五入
        var n = 23.95
        var n1 = 23.55
        console.log(n.toFixed());//24
        console.log(n1.toFixed());//23
        console.log(n1.toFixed(1));//23.6
        console.log(n1.toFixed(2));//23.55

## es6 ##

//ES5
        // parseInt() 函数可解析一个字符串，并返回一个整数。
        parseInt('11.111');  //11
        //ES6
        Number.parseInt('11.11')  //11
    
        // parseFloat() 函数可解析一个字符串,并返回一个浮点数
         parseFloat('11.111');  //11.111
         
        // Number.isInteger()用来判断一个数值是否为整数。返回true false
        //JavaScript 内部，整数和浮点数采用的是同样的储存方法，所以 11 和 11.0 被视为同一个值。
        Number.isInteger(11)  //true
        Number.isInteger(11.0)   //true
        Number.isInteger(11.11)   //false
        //如果参数不是数值，Number.isInteger返回false。
        Number.isInteger() // false
        Number.isInteger(null) // false
        Number.isInteger('15') // false
        Number.isInteger(true) // false
       
    
        // Math.ceil() 返回大于或等于一个给定数字的最小整数
        Math.ceil(11.11)  //12 上舍入
        // Math.floor() 返回小于或等于一个给定数字的最大整数
        Math.floor(11.999)  //11 下舍入
        // Math.round() 返回一个数字四舍五入后最接近的整数
        Math.round(11.6)  //12 四舍五入
         
        // Math.trunc() 用于去除一个数的小数部分，返回整数部分。
        Math.trunc(4.1)    //4
        Math.trunc(-4.9)   //-4
        //对于非数值，Math.trunc内部使用Number方法将其先转为数值。
        Math.trunc('123.456') // 123
        Math.trunc(true) //1
        Math.trunc(false) // 0
        Math.trunc(null) // 0
        //对于空值和无法截取整数的值，返回NaN。
        Math.trunc(NaN);      // NaN
        Math.trunc('foo');    // NaN
        Math.trunc();         // NaN
        Math.trunc(undefined) // NaN
     
        // Math.sign() 方法用来判断一个数到底是正数、负数、还是零。对于非数值，会先将其转换为数值。
        //五种值
        //正数，返回+1
        //负数，返回-1
        //0 返回0
        //-0 返回-0
        //其它值 返回NaN
        Math.sign(6)  //1
        Math.sign(-6)   //-1
        Math.sign(0)   //0
        Math.sign('abc')  //NaN
        //如果参数是非数值，会自动转为数值。对于那些无法转为数值的值，会返回NaN。
        Math.sign('')  // 0
        Math.sign(true)  // +1
        Math.sign(false)  // 0
        Math.sign(null)  // 0
        Math.sign('9')  // +1
        Math.sign('foo')  // NaN
        Math.sign()  // NaN
        Math.sign(undefined)  // NaN
       
        //指数运算符（**）
        2 ** 2 // 4
        2 ** 3 // 8
        //这个运算符的一个特点是右结合，而不是常见的左结合。多个指数运算符连用时，是从最右边开始计算的。
        // 相当于 2 ** (3 ** 2)
        2 ** 3 ** 2   // 512
        //指数运算符可以与等号结合，形成一个新的赋值运算符（**=）。
        a **= 2;  // 等同于 a = a * a;
        b **= 3; // 等同于 b = b * b * b;