首页 > 其他分享 >ts(typescript)讲解for , for...in..., for...of..., while, every, some, map, filter

ts(typescript)讲解for , for...in..., for...of..., while, every, some, map, filter

时间:2023-02-25 20:35:46浏览次数:34  
标签:... typescript console log map item var false

for 

一般用于已知循环次数

var num:number = 5; 
var i:number; 
var factorial = 1; 
 
for(i = num;i>=1;i--) {
   factorial *= i;
}
console.log(factorial)

 

for...in...

一般用于循环对象

let keyValue:string;
let objectList:object = {
    name: '小白狼',
    age:'27',
    gender: '女'
}
for(let keyValue in objectList){
    console.log(keyValue + ':' + objectList[keyValue])
}

打印结果
name:小白狼 age:27 gender:女

 

  for...of...

允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等
let someArray = [1, "string", false];
 
for (let entry of someArray) {
    console.log(entry); // 1, "string", false
}

 

while

一般用于未知循环次数

var num = 5;
var factorial = 1;
while (num >= 1) {
    factorial = factorial * num;
    num--;
}
console.log("5 的阶乘为:" + factorial);

 

 

every

有一个false就返回false

var arr1 :Array<number>= [1, 2, 3, 4, 5, 6]; 
console.log( arr1.every( function( item, index, array ){ 
    console.log(item);
    return item > 3; 
})); 


打印结果
1
false

 

some

有一个true ,则返回true

var arr1 :Array<number>= [1, 2, 3, 4, 5, 6]; 
console.log( arr1.some( function( item, index, array ){ 
    console.log(item);
    return item > 3; 
})); 


打印结果
1
2
3
4
true

 

map

var arr = [ 1, 2, 3, 4, 5, 6 ]; 
console.log( arr.map( function( item, index, array ){ 
    console.log(item);
    return item > 3; 
})); 

打印出来的结果是:1,2,3,4,5,6 函数返回结果: [false, false, false, true, true, true]

 

filter

同样返回一个新的数组,但是返回的是符合条件的数组项,同样不会跳出循环

var arr = [ 1, 2, 3, 4, 5, 6 ]; 
console.log( arr.filter( function( item, index, array ){ 
    console.log(item);
    return item > 3; 
})); 



打印的结果为1,2,3,4,5,6 函数返回结果为[4,5,6]

 

标签:...,typescript,console,log,map,item,var,false
From: https://www.cnblogs.com/xiaobailang/p/17155290.html

相关文章

  • mybatis核心配置文件—mappers标签设置映射文件
    <!--加载映射文件--><mappers><!--<mapperresource="mappers/UserMapper.xml"></mapper>--><!--以包的方式引入映射文件,但是必......
  • Android中drawable和mipmap到底有什么区别
    欢迎通过我的个人博客来查看此文章老项目代码中发现有的图片放到了drawable中,有的图片放到了mipmap中,开发时秉承哪个目录下文件多放哪里的原则,偶尔有疑惑搜一搜文......
  • java HashMap
    publicstaticvoidmain(String[]args){Map<Integer,String>m=newHashMap<>();//增m.put(1,"111");m.put(2,"2......
  • [Typescript] Constraint inputs types
    constreturnsValueOnly=<T>(t:T)=>{returnt;}constresult=returnsValueOnly("a");//constreturnsValueOnly:<"a">(t:"a")=>"a"constreturnsVal......
  • SQLmap的使用
    sqlmap是一个自动化的SQL注入工具,其主要功能是扫描,发现并利用给定的URL进行SQL注入。目前支持的数据库有MySql、Oracle、Access、PostageSQL、SQLServer、IBMDB2、SQLite......
  • MyBatis_06(自定义映射resultMap)
    主题:自定义映射resultMap"自定义映射resultMap",可以解决什么问题:1-"属性"和"字段名"不一致的情况2-"多对一"的情况3-"一对多"的情况一、若"字段名"和"......
  • ConcurrentHashMap
    1.ConcurrentHashMap结构Java8以前ConcurrentHashMap是数组+链表Java8及以后ConcurrentHashMap是数组+链表+红黑树结构这方面和HashMap比较类似,具体参考:https://www.c......
  • map()函数应用
    title:map()函数应用author:杨晓东permalink:map()函数应用date:2021-10-0211:27:04categories:-投篮tags:-demomap()函数应用#正常函数一个参数d......
  • 网络编程_浅尝木马...
    title:网络编程_demoauthor:杨晓东permalink:网络编程_demodate:2021-10-0211:27:04categories:-网络编程tags:-demo网络编程_木马__democlient.pyimpor......
  • map三种赋值及map的get方法使用、Map集合一般用到的方法、map方法-处理请求参数和常用
    map三种赋值及map的get方法使用一、map三种赋值mapString—>StringmapString–>ObjectmapString–>List<对象>1、Map<Long,User>userMap=userRes.getData().stre......