es6 字符串、数值、数组、对象方法扩展

旧城等待， 2021-07-24 18:23 463阅读 0赞

ES6 字符串、数值、数组、对象方法扩展
    
    字符串
    1、.includes(str); 判断是否包含指定字符串
    2、.startsWith(str); 判断是否以指定字符串开头
    3、.endsWith(str); 判断是否以指定字符串结尾
    4、.repeat(数值); 重复指定次数
    5、.slice(开始下标,结束下标-1表示到最后一位); 截取返回指定字符串； .slice(2,-1); 表示取下标为2的元素到最后一个元素之前的内容,区间表示:[  );
    6、.toLowerCase()
    7、.toUpperCase()
    8、.substr()  从指定位置开始截取指定长度的字符串
    9、.subString() 截取从指定位置到下一个指定位置之前[1,3)
    10、.indexOf()  返回指定字符第一次出现的位置
    11、.lastIndexOf 返回指定字符最后一次出现的位置
    12、.padStart(补充后字符串长度,'补充的内容') 从字符串的首位置循环填充补充的内容直至指定的长度
    13、.padEnd(补充后字符串长度,'补充的内容')   从字符串的末位置循环填充补充的内容直至指定的长度
    14、.charAt(index); 返回指定索引的字符,索引从0开始
    15、.charCodeAt(index);	返回指定索引字符的Unicode编码
    
    数值
    1、Number.parseInt(str); 将字符串转换成数值
    2、Math.trunc(数值);  去除小数部分
    
    数组
    1、Array.from(x); 将伪数组对象或可遍历对象转换为真数组
    2、Array.of(x,y,z); 返回包含参数所以值的数组
    3、.find(function(value,index){return true..}); 返回第一个满足条件返回true的元素
    4、.findIndex(function(value,index){return true...}); 返回第一个满足条件返回true的元素的下标
    5、.slice(开始下标,结束下标-1表示到最后一位);  截取返回指定数组
    6、.includes(value); 判断数组是否有该元素
    	.includes(value,index);	index表示从数组的哪个索引位置开始遍历,如果是符数则从array.length+fromIndex的索引开始搜索,默认为0。
    7、.map(function(item,index,arr原数组){..}); 会遍历数组,然后返回数组内容改变后的数组
    8、.reduce((preTotal,item,index)=>{return preTotal+item},init);   遍历数组,计算数组内的数值合
    	其中:total为最后返回的值,item为当前元素,init为total初始值
    9、.filter((item)=>{
    		return true;  返回结果为true的元素组成的数组	
    	})
    10、.some((item,index,arr)=>{
    		return 判断条件  如果有一个表达式返回为true,则不再继续遍历,都不满足返回false
    	})
    11、.every((item,index,arr)=>{
    		return 判断条件  如果有一个表达式返回为false,则不再继续遍历,都满足返回true
    	})
    
    对象
    1、Object.assign(目标对象,对象1，对象2,..); 将其他对象中的属性添加到目标对象中
    2、对象1.__proto__=对象2; 将对象2添加到对象1的原型中,即作为对象2的父类;双下划线;
    并返回一个和目把对象相同的对象
    3、Object.prototype.toString.call(xx);  判断数据类型；返回[object 数据类型]
    4、Object.keys(对象);  返回对象所有key的数组

代码示例:

<html ng-app='app' ng-controller='main' >
    <head>
    	<meta charset="utf-8">
    	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
    
    	<script src='jq/jquery-3.4.1.js'></script>
    
    	<style>
    
    	</style>
    </head>
    <body >
    
    
    <script>
    let str='adawdaf';
    console.log(str.includes('ad'));
    console.log(str.startsWith('a'));
    console.log(str.endsWith('f'));
    console.log(str.repeat(2));
    
    console.log(typeof Number.parseInt('123'));
    console.log(Math.trunc(1.313212));
    
    let arrs=Array.of(1,2,3);
    
    let item=arrs.find(function(item,index){ 
    	return item>2;
    })
    console.log(item);
    
    let index=arrs.findIndex(function(item,index){ 
    	return item>2;
    })
    console.log(index);
    
    let obj={ address:'where'};
    let obj2={ uname:'jeff',age:18};
    let obj3={ sex:'male'};
    Object.assign(obj,obj2,obj3);
    console.log(obj);
    
    let obj4={ };
    let obj5={ sex:'female'};
    obj4.__proto__=obj5;
    console.log(obj4.sex);
    
    </script>
    </body>
    </html>