关于javascript:JS的数组常用方法和字符串的使用

9次阅读

共计 3358 个字符,预计需要花费 9 分钟才能阅读完成。

ES5/String

严格模式(理解)

  • 咱们都晓得 js 是一个绝对不很谨严的语言
  • 而且开发的时候,一些代码也不是很严格要求
  • 而严格模式就是对开发的时候写的一些内容做了要求

开启严格模式

  • 想开启严格模式,间接在代码最开始的地位写上字符串 use strict

    <script>
        'use strtic'
        // 上面代码书写就要依照严格模式来书写
    </script>

严格模式的规定

  1. 申明变量必须有 var 关键字

    'use strtic'
    
    var num = 100
    num2 = 200 // 这个就会报错
    • 之前理解过,在申明变量的时候,如果没有 var 关键字,那么依照作用域的规定会主动定义成全局变量
    • 严格模式下不能够,会报错
  2. 函数的行参不能够反复

    'use strtic'
    
    function fn(p1, p1) {} // 间接就会报错
    • 在非严格模式下,函数两个行参一样,是不会报错的,只不过就是相当于在函数外部只有一个变量了
    • 然而在严格模式下会报错
  3. 申明式函数调用的时候函数外部没有 this

    'use strtic'
    
    function fn() {console.log(this) // undefined
    }
    fn()
    • 自身,全局申明式函数在调用的时候,函数外部的 this 是指向 window 的
    • 在严格模式下,是没有 this 的

ES5 中常见的数组罕用办法

  • 之前咱们讲过的数组罕用办法都是 ES3 的办法
  • 明天来说一些 ES5 中的办法

indexOf

  • indexOf 用来找到数组中某一项的索引
  • 语法:indexOf(你要找的数组中的项)

    var arr = [1, 2, 3, 4, 5]
    
    // 应用 indexOf 超找数组中的某一项
    var index = arr.indexOf(3)
    
    console.log(index) // 2
    • 咱们要找的是数组中值为 3 的那一项
    • 返回的就是值为 3 的那一项在该数组中的索引
  • 如果你要找的内容在数组中没有,那么就会返回 -1

    var arr = [1, 2, 3, 4, 5]
    
    // 应用 indexOf 超找数组中的某一项
    var index = arr.indexOf(10)
    
    console.log(index) // -1
    • 你要找的值在数组中不存在,那么就会返回 -1

forEach

  • 和 for 循环一个作用,就是用来遍历数组的
  • 语法:arr.forEach(function (item, index, arr) {})

    var arr = [1, 2, 3]
    
    // 应用 forEach 遍历数组
    arr.forEach(function (item, index, arr) {
      // item 就是数组中的每一项
      // index 就是数组的索引
      // arr 就是原始数组
      console.log('数组的第' + index + '项的值是' + item + ',原始数组是', arr)
    })
    • forEach() 的时候传递的那个函数,会依据数组的长度执行
    • 数组的长度是多少,这个函数就会执行多少回

map

  • 和 forEach 相似,只不过能够对数组中的每一项进行操作,返回一个新的数组

    var arr = [1, 2, 3]
    
    // 应用 map 遍历数组
    var newArr = arr.map(function (item, index, arr) {
      // item 就是数组中的每一项
      // index 就是数组的索引
      // arr 就是原始数组
      return item + 10
    })
    
    console.log(newArr) // [11, 12, 13]

filter

  • 和 map 的应用形式相似,依照咱们的条件来筛选数组
  • 把原始数组中满足条件的筛选进去,组成一个新的数组返回

    var arr = [1, 2, 3]
    
    // 应用 filter 过滤数组
    var newArr = arr.filter(function (item, index, arr) {
      // item 就是数组中的每一项
      // index 就是数组的索引
      // arr 就是原始数组
      return item > 1
    })
    
    console.log(newArr) // [2, 3]
    • 咱们设置的条件就是 > 1
    • 返回的新数组就会是原始数组中所有 > 1 的项

创立字符串(理解)

  • 咱们创立字符串也分为两种办法 字面量 构造函数
  • 字面量:

    var str = 'hello'
  • 构造函数创立

    var str = new String('hello')

ASCII 字符集(理解)

  • 咱们都晓得,计算机只能存储 0101010 这样的二进制数字
  • 那么咱们的 a ~ z / A ~ Z / $ / @ /… 之类的内容也有由二进制数字组成的
  • 咱们能够简略的了解为,a ~ z / A ~ Z / $ / @ /… 之类的内容都有一个本人的编号,而后在计算机存储的时候,是存储的这些编号,咱们看的时候,也是通过这些编号在解析成咱们要看到的内容给咱们看到

  • 下面的就是 ASCII 对照表,咱们只须要晓得他是这么存储的就好

unicode 编码

  • 咱们看到了,ASCII 只有这 128 个字符的编码构造
  • 然而因为 ASCII 呈现的比拟早,而且是美国创造的,早起时候这些内容就够用了
  • 因为存储一些英文的内容,传递一些英文的文章什么的都够用了
  • 那么对于这个世界来说必定是不够用的
  • 因为咱们的汉字没有方法存储,包含一些其余国家的语言也没有方法存储
  • 所以就呈现了 unicode 编码,也叫(万国码,对立码)
  • unicode 对照表就是一个和 ASCII 一样的对照表,只不过变得很大很大,因为存储的内容特地的多
  • 而且蕴含了世界上大部分国家的文字,所以咱们的文字和字符当初在存储的时候,都是依照 unicode 编码转换成数字进行存储
  • 咱们的 UTF-8 就是一种 8 位的 unicode 字符集

字符串的罕用办法

  • 咱们操作字符串,也有一堆的办法来帮忙咱们操作
  • 字符串和数组有一个一样的中央,也是依照索引来排列的

charAt

  • charAt(索引) 是找到字符串中指定索引地位的内容返回

    var str = 'Jack'
    
    // 应用 charAt 找到字符串中的某一个内容
    var index = str.charAt(2)
    
    console.log(index) // c
    • 因为字符串也是依照索引进行排列的,也是同样从 0 开始
    • 所以索引 2 的地位就是 c
  • 如果没有对应的索引,那么就会返回 空字符串

    var str = 'Jack'
    
    // 应用 charAt 找到字符串中的某一个内容
    var index = str.charAt(10)
    
    console.log(index) // ''
    • 这个字符串基本没有索引 10 的地位
    • 所以就会返回一个空字符串 ''

charCodeAt

  • charCodeAt(索引) 就是返回对应索引地位的 unicode 编码

    var str = 'Jack'
    
    // 应用 charAt 找到字符串中的某一个内容
    var index = str.charCodeAt(0)
    
    console.log(index) // 74
    • 因为 J 在 unicode 对照表外面存储的是 74,所以就会返回 74

indexOf

  • indexOf 就是依照字符找到对应的索引

    var str = 'Jack'
    
    // 应用 indexOf 找到对应的索引
    var index = str.indexOf('J')
    
    console.log(index) // 0
    • 因为字符 J 在字符串 Jack 中的索引地位是 0
    • 所以会返回 0

substring

  • substring 是用来截取字符串应用的
  • 语法:substring(从哪个索引开始,到哪个索引截止),蕴含开始索引,不蕴含完结索引

    var str = 'hello'
    //         01234
    
    // 应用 substring 截取字符串
    var newStr = str.substring(1, 3)
    
    console.log(newStr) // el
    • 从索引 1 开始,到索引 3 截止,蕴含后面的索引不蕴含前面的索引
    • 所以返回的是 el

substr

  • substr 也是用来截取字符串的
  • 语法:substr(从哪个索引开始,截取多少个)

    var str = 'hello'
    //         01234
    
    // 应用 substr 截取字符串
    var newStr = str.substr(1, 3)
    
    console.log(newStr) // ell
    • 这个办法和 substring 不一样的是,第二个参数是截取多少个
    • 从索引 1 开始,截取 3 个,所以失去的是 ell

toLowerCase 和 toUpperCase

  • 这两个办法别离应用用来给字符串转成 小写字母 和 大写字母 的

    var str = hello
    
    // 应用 toUpperCase 转换成大写
    var upper = str.toUpperCase()
    
    console.log(upper) // HELLO
    
    // 应用 toLowerCase 转换成小写
    var lower = upper.toLowerCase()
    
    console.log(lower) // hello
正文完
 0