深圳还有网站专业全网优化

JS学习（第十章）

---

---

一、String类的补充

1. length:获取字符串的⻓度
2. 访问字符串的字符

• str[0]
• str.charAt(pos)
  它们的区别是索引的⽅式没有找到会返回undefined，⽽charAt没有找到会返回空字符串

var str = 'abcdefg'
for(var i = 0; i < str.length; i++) {
console.log(str.charAt[i])
console.log(str[i])}

var str = 'abcdefg'
for(var s of str) {
console.log(s)
}

3. 字符串在定义后是不可以修改的，所以下⾯的操作是没有任何意义的;很多字符串的操作中，都是⽣成了⼀个新的字符串

var str = 'abcdefg'
str[0] = 'A'
console.log(str)

4. toLowerCase():将所有的字符转成⼩写;
5. toUpperCase() :将所有的字符转成⼤写;

var message = 'abcdefghijklmn'
var upperMessage = message.toUpperCase()
console.log(upperMessage)
var lowerMessage = upperMessage.toLowerCase()
console.log(lowerMessage)

6. 在⼀个字符串中查找或者获取另外⼀个字符串

• IndexOf()

var message = "Hello World, Hello Java"
var index = message.indexOf('Hello') // 默认从0开始查询
console.log(index)
index = message.indexOf('Hello', 6) // 从第6位开始查询
console.log(index)
index = message.indexOf('JavaScript')
console.log(index) // -1 表示没有找到

• includes()

var message = "Hello World, Hello Java"
var bool = message.includes('Hello') // 找到返回true
console.log(bool)
bool = message.includes('Hello', 6) // 从第6位开始查询，找到返回true
console.log(bool)
bool = message.includes('JavaScript')
console.log(bool) // false 表示没有找到

• 以xxx开头 startsWith / 以xxx结尾 endsWith

var message = "Jerry! Hello Java"
var bool = message.startsWith('Jerry')
console.log(bool) // true 表示以Jerry开头, 默认从0开始
bool = message.startsWith('Hello', 7)
console.log(bool) // true 表示是第7位开始以Hello开头

7. 替换字符串 replace（也可以传⼊⼀个正则表达式来查找，也可以传⼊⼀个函数来替换;）
8. 拼接字符串 concat
9. 删除⾸尾空格 trim（）

更多的字符串的补充内容，可以查看MDN的⽂档:
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String

二、数组(Array）

• 对象允许存储键值集合，但是在某些情况下使⽤键值对来访问并不⽅便
• 这个时候我们需要⼀种有序的集合，⾥⾯的元素是按照某⼀个顺序来排列的
• 这个有序的集合，我们可以通过索引来获取到它
• 这个结构就是数组(Array)

数组的创建⽅式

var arr1 = []; // 字⾯量的⽅式 // length === 0
var arr2 = new Array() // length === 0 , arr2[0] ===undefinedvar arr1 = [1, 2, 3] // length === 3
var arr2 = new Array(1, 2, 3) // length === 3 arr2[0]=== 1

数组元素从 0 开始编号(索引index)，负数不能使⽤

数组的基本操作

• 访问数组中的元素

var arr = [1, 2, 3]
console.log(arr1[0])

• 修改数组中的元素

arr[0] = 'Jerry'

• 在数组的尾端添加或删除元素
  push 在末端添加元素.
  pop 从末端取出⼀个元素.

• 在数组的⾸端添加或删除元素
  shift 取出队列⾸端的⼀个元素，整个数组元素向前移动;
  unshift 在⾸端添加元素，整个其他数组元素向后移动;

• 数组的遍历
  普通for循环遍历:
  for…in 遍历，获取到索引值:
  for…of 遍历，获取到每⼀个元素

• 排序 – sort/reverse
  sort⽅法也是⼀个⾼阶函数，⽤于对数组进⾏排序，并且⽣成⼀个排序后的新数组
  reverse() ⽅法将数组中元素的位置颠倒，并返回该数组

---

总结

一骑红尘妃子笑，无人知是荔枝来