字符串与数组的常见操作方式

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、字符串的常见操作方式

1> 字符串.length

var str = 'Hello world';
var res = str.length;
console.log(res);

空格也是一个实实在在的字符
2 > 字符串链接符 +

在使用 + 做运算时，只要 + 一侧出现字符串，那么执行的就是连接操作

3 > 查询子字符串出现的位置

	indexOf()   lastIndexOf();
	公式：
		字符串.indexOf('子串')
		返回值：
			如果查询到了，就是具体的索引位置！如果没有查询到，就是-1

	使用技巧：
		判断某个字符串是否包含另一个字符串的操作。

4 > 截取字符串

字符串.substring(开始位置,[结束位置])

如不写结束位置则是从开始位置一直截取到字符串的末尾。
从开始位置截取到结束位置，但是不包含结束位置字符

var str = "No matter what they tell us"
var res = str.substring(5)
var res1 = str.substring(5,10)
consloe.log(res)

5> 大小写转换

(1).字符串.toUpperCase(); 
		返回值：转换成大写之后的字符串

    var str = "When poor, focus on self-improvement; when prosperous, strive to benefit the world."
    var res = str.toUpperCase()
    console.log(res);

(2).字符串.toLowerCase(); 
		返回值：转换成小写之后的字符串

    var str = "WHEN POOR, FOCUS ON SELF-IMPROVEMENT; WHEN PROSPEROUS, STRIVE TO BENEFIT THE WORLD."
    var res = str.toUpperCase()
    console.log(res);

(6) 去除字符串的首尾空格

字符串.trim()
返回值：去除完空格之后的结果

    var str = "WHEN POOR, FOCUS ON SELF-IMPROVEMENT; WHEN PROSPEROUS, STRIVE TO BENEFIT THE WORLD."
    var res = str.trim()
    console.log(res);

(7) 将字符串转换成数组

字符串.split( '分隔符' );
返回值：转换完之后的数组

    var str = "WHEN POOR, FOCUS ON SELF-IMPROVEMENT; WHEN PROSPEROUS, STRIVE TO BENEFIT THE WORLD."
    var res = str.split(',')
    console.log(res)

(8)字符串使用小技巧
字符串的每一个字符都是有索引位置的，所以，你可以通过索引取值的方式获取字符串的某 一个字符！
字符串[索引位置] // 获取对应位置的字符

	遍历字符串：
		var str = 'hello world'
		for(var i = 0;i<str.length;i++){
			console.log(str[i])
		}`

二、数组的常见操作方式

1> 数组的长度属性
数组.length

- 特殊点：
	数组的length是可以被赋值的！

 -可以用这个特殊点做一件事
			数组.length = 0; // 清空数组
- 建议不要直接去修改数组的length
			数组 = [];

2> 遍历数组

- for() 循环遍历数组、还能遍历对象
- for in 循环

提示：这里采用for in 循环方式
(1).遍历数组

var arr = ['a','b',1,2,'true'];
for(var key in arr){
	console.log(arr[key])
}

(2).遍历对象

var person = {
		username: '你好世界',
		sex:'男生',
		age: 20,
		hobbies:['玩游戏','吃饭','喝水','写程序','喜欢吃鸡腿']
	}
	for(var key in person){
		console.log(person[key])
	}

3>push() 追加一个元素到数组的末尾

数组.push(元素1,元素2...);
返回值：	
	追加完新元素之后的数组长度！

var arr = ['zhangsan','lisi']
var res = arr.push('wangwu');
console.log(res)
console.log(arr)

4> unshift() 添加一个或多个元素到数组的开头

数组.unshift(元素1,元素2...)
返回值:
	添加了新元素之后的数组长度

var arr = ['zhangsan','lisi']
var res = arr.unshift('wangwu');
console.log(res)
console.log(arr)

5> pop() 删除数组末尾的一个元素

	数组.pop()
	返回值：	
		删除的元素

var arr = ['zhangsan','lisi']
var res = arr.pop();
console.log(res)
console.log(arr)

6> shift() 删除数组开头的一个元素

	数组.shift()
	
	返回值：	
		删除的元素

var arr = ['zhangsan','lisi']
var res = arr.shift();
console.log(res)
console.log(arr)

– 补充一个数组操作方法

splice();  在数组的任何位置添加或者替换或者删除元素
splice(开始位置, 替换长度,用谁去替换);
添加：数组.splice(开始位置,0,添加的元素)
替换: 数组.splice(开始位置,长度,用于替换的元素)
删除: 数组.splice(开始位置,长度)

7> join() 数组转字符串
数组.join([分隔符])
返回值：
转换成的字符串
注意：如果不写参数，默认用逗号链接

var arr = ['a','b',1,2,'true'];
   var res = arr.join(',')
   console.log(res);

(8) 判断数组中某个元素的索引位置

indexOf()        lastIndexOf()
数组.indexOf(元素)
数组.lastIndexOf(元素)

返回值：
索引位置或者-1

	var arr = ['a','b','zhangsan','lisi']
	var res = arr.indexOf('d')
	console.log(res)

(9) reverse(); 数组翻转

数组.reverse();
返回值: 翻转之后的结果

var arr = ['a','b','zhangsan','lisi']
var newArr = arr.reverse();
console.log(newArr)