类型、容器类、字符串处理

最新推荐文章于 2022-06-24 23:22:29 发布

悠悠悠哉e

最新推荐文章于 2022-06-24 23:22:29 发布

阅读量246

点赞数 1

分类专栏： Web 前端文章标签： javascript vue.js

本文链接：https://blog.csdn.net/zjh467545737/article/details/115187892

版权

Web 前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

3、 forEach 元素 + index 遍历

4、splice 删除 or 插入数据

5、shift删除第一个元素

6、unshift 头部添加一个或多个元素

7、pop 删除尾部一个元素

8、push 尾部添加一个或多个元素

9、concat 拼接两个或多个数组，不会修改原数组

10.map 遍历并执行map里的操作，返回新的数组

其他属性方法（size, get ,has,delete）

MAP与对象之间转换

字符串处理

类型

基本类型

number、boolean、string、null、undefined

let

1 、any 定义变量类型支持动态类型推导

let a: any = 1
console.log(typeof a) // number
a = 1.1
console.log(typeof a) // number
a = '1'
console.log(typeof a) // string
a = true
console.log(typeof a) // boolean
a = undefined
console.log(typeof a) // undefined
a = null
console.log(typeof a) // object

~~2、使用 let 声明变量时不指定具体类型，但赋初值，支持类型推导，后续不能把其他类型的值赋值给该变量~~

let b = 1 // 自动推导为 number
b = '1' // 会报错，Type '"1"' is not assignable to type 'number'

    let n = 1
    console.log(typeof n)         //number
    n = '1'
    console.log(typeof n)        // string
    // 为啥我测试写的这样也是合法的？


    let n: number = 1
    console.log(typeof n)         //number
    n = '1'
    console.log(typeof n)         // string
    //这样也没有保报错呀！！

吐槽：类型确定后还能更改变量的类型。这个也太变态了吧……岂止是变态，简直就是变态，变态。用的时候还是单一单一的好

String

使用反引号 ` (数字键盘1前面的一个键) 包围并且以 ${ expr } 这种形式嵌入表达式实现字符串拼接. 并且能原样输出原始字符串(中间用换行打印的也可换行)

 let userName: string = '张三';
    let age: number = 22;
    let desc = `desc ==  姓名：${userName} 
          
    年龄：${age}`
    console.log(desc)

用 for of 遍历字符串

for (let character of desc) {
      console.log(character)
    }

boolean

类型的真假 (ture \ falsy)

function testValueTruthyOrFalsy(val: any) {
  return val ? console.log('truthy') : console.log('falsy')
}

    testValueTruthyOrFalsy('')               // falsy
    testValueTruthyOrFalsy(undefined)        // falsy
    testValueTruthyOrFalsy(null)             // falsy  
    testValueTruthyOrFalsy(NaN)              // falsy

   console.log('--------------------------')
    testValueTruthyOrFalsy(-1)               // truthy
    testValueTruthyOrFalsy(0)                // falsy
    testValueTruthyOrFalsy(1)                // truthy
 
    console.log('-----------------')
    testValueTruthyOrFalsy(new Number(0))    // truthy
    testValueTruthyOrFalsy(new Number(NaN))  // truthy
    


    testValueTruthyOrFalsy(null == undefined)  // truthy     
    testValueTruthyOrFalsy(null === undefined) // falsy

'' 、undefined、null、0、NaN 都是falsy

''空字符串也为falsy 有点想吐槽…

断言 as

    let value: any = 'Red Sun'
    let strLength2: number = (value as string).length
    console.log(strLength2)  // 7

枚举

enum Color {
  Red,
  Green,
  Blue
}

let c1: Color = Color.Green
console.log(c1) // 1
console.log(Color)  //{0: "Red", 1: "Green", 2: "Blue", Red: 0, Green: 1, Blue: 2}

自定义枚举值

enum Color {
  Red = 'R',
  Green = 'G',
  Blue = 'B'
}

    let c1: Color = Color.Green
console.log(c1) // G
console.log(Color)  //{Red: "R", Green: "G", Blue: "B"}
    
console.log(Color['Red']) // R
console.log(Color.Red)    // R
console.log(Color.R)      //undefined

undefined 和 null 的区别

1、不指定类型且不赋初值，默认值为 undefined，并且自动推导类型为 undefined

console.log(typeof a) // undefined
console.log(a) // undefined

2、指定类型且不赋初值，默认值为 undefined，并且自动推导类型为 undefined

 let a: number
 console.log(typeof a)         // undefined
 console.log(b)                 // undefined

 let b: any
 console.log(typeof b)          // undefined
 console.log(b)                 // undefined

 let c: string
 console.log(typeof c)           // undefined
 console.log(c)                  // undefined

3、指定为 undefined 类型时，其值只能为 undefined，默认值也是 undefined

    let d = undefined
    console.log(d)             // undefined
    console.log(typeof d)      // undefined

    let e: any = undefined
    console.log(e)             // undefined
    console.log(typeof e)      // undefined

4、不指定类型或指定类型为 any，初始值为 null 时，自动推导为 object 类型，值为 null

    let g = null               // 推导类型
    console.log(g)             // null
    console.log(typeof g)      // object
    
    g = 1;
    console.log(g)             // 1
    console.log(typeof g)      // number


    let h: any = null          // 指定类型 any
    console.log(h)             // null
    console.log(typeof h)      // object
  }

5、可选参数

function testAnyOptional(p1?: any): void {
  console.log(p1, typeof p1)
}
testAnyOptional(null) // null object
testAnyOptional(undefined) // undefined undefined

2、

function testNumberOptional(p1?: number|undefined): void {
  console.log(p1, typeof p1)
}


    testNumberOptional(null) // 会报错，只能传 undefined 或 number 类型 （然而，并没有） null object
    testNumberOptional(undefined) // undefined undefined
    testNumberOptional() // undefined undefined
    testNumberOptional(1) // 1 number
    testNumberOptional('1')// 1 string

容器类