js 数组和字符串的操作方法

数组的创建方法:

第一种创建方法

通过构造函数来创建数组 Array();
Array () 首字母必须大写
通过构造函数来创建数组可以直接规定本数组有多少元素

var arr2 = new Array(10);

第二种创建方法

通过创建字面量

 var arr5 = [];
 arr5 = [1, 2, 3, 4, 5];
console.log(arr5[4]);

$\color{orange}{注意:}$ 数组内可以存储不同类型的变量

数组的操作方法:

1.push() 尾增

向数组的末尾添加一个或多个元素，并返回新的长度
是直接修改原数组而不是创建一个新的数组
$\color{orange}{注意:}$ 但是被添加的数组是作为元素存储在原数组当中而不是将两个数组拼接起来

arr5.push(1, 23, 45, 67);

2.unshift() 首增

向数组开头添加一个或多个元素，并返回新的长度
直接修改数组而不是重新创建一个新的数组

 arr5.unshift(2222222, 2323232)

3.pop() 尾删

删除并返回数组的最后一个元素 ,会将数组长度-1
修改原数组而不是创建新数组
$\color{orange}{注意:}$ 如果数组是个空数组 pop() 不改变原数组并返回 undefined

arr5.pop();

4.shift() 首删

将数组的第一个元素删除并返回第一个元素的值
修改原数组而不是创建新数组

 arr5.shift();

5.splice() 添加删除 (截取数组的方法)

向数组中添加一个元素
或从数组中添加删除一个元素返回被删除的元素

 arr5.splice(index,howMany,item);
 index       规定 被添加 或删除元素的位置   必须
 howMany     规定 被删除的元素的数量，如果设置为0 则 不删除元素  必须
 item        可选的  item 就是你向数组里面添加的新元素    可以是多个

可以添加数组但是被添加的数组是以元素的形式添加进去的
$\color{orange}{注意:}$ 删除和添加可以同时进行

arr5.splice(2,2);
arr5.splice(5, 0, 1, 34, 45);

6.concat() 连接

用来连接两个或多个数组
该方法不会改变现有的数组, 只会返回一个被连接数组的副本
副本数组的拼接是按顺序拼接接受的数组在前面其余往近添加的数组按顺序排到后面

$\color{orange}{注意:}$ 被添加的数组不是以元素的形式往里面添加的,而是直接接到前面数组的后面

arr5.concat(1, 2, arr4);

7.join() 数组转换字符串

不会改变原数组会返回一个新的字符串可以用变量接受一下
如果原数组里面还有数组(二维数组) 会将里面作为元素的数组也转化成字符串

$\color{orange}{注意:}$ join() 括号内部的参数可写可不写
不写的话默认以，隔开元素
写了的话写什么用什么隔开
但是二维数组的话只会改变最外层数组的分割符内层数组依旧是以，隔开

 var qqq = arr5.join("-");

8. slice() 从数组中获取元素

返回一个新数组不改变原数组
参数1：找位置参数2：结束位置

字符串的操作方法

1. length

是个属性不是个方法
返回字符串的长度如果字符串内有空格则将空格也算在内

console.log('length属性');
console.log(b_str.length);

2.charAt() 返回指定位置的字符

括号内的参数写需要返回内容的索引值(位置)

console.log('charAt()');
console.log(b_str.charAt(4));

3. concat() 拼接两个或多个字符串

不改变原字符串返回一个拼接完成的字符串的副本
可以拼接数组但是会把数字强制变成字符串
也可以拼接数组但是会将分隔符一块转换成字符串

var arr = [1,2,3,4,5,[6,7,8,9]];
var b_str = b_str.concat(arr);
console.log(b_str);

4.indexOf() 从前往后搜索

返回某个指定的字符串值在字符串中首次出现的位置
如果没有搜素到则返回 -1

console.log(b_str);
console.log(b_str.indexOf('0'));

5. lastIndexOf() 从后往前搜索

返回某个指定的字符串值在字符串中首次出现的位置
如果没有搜素到则返回 -1

console.log(b_str.length);
console.log(b_str.lastIndexOf('1'));

6.replace() 替换

在字符串中用一些字符替换另一些字符
两个参数:
第一个参数 => 原字符串中需要修改的值
第二个参数 => 要往字符串里面替换的值
$\color{orange}{注意:}$ 如果有多个值被匹配上从前往后只替换第一个值;

7.split() 分割

用于把一个字符串分割成字符串数组
不写参数会将整个字符串作为一个元素存到数组里面不改变原字符串返回生成的数组

$\color{orange}{注意:}$ 如果只写一个空元素则将字符串每一个值都作为元素存到数组里面 , 包括字符串里面的空格

如果写了参数则以本参数为分隔的基准
如果参数在字符串两端则将参数转换成空元素,反之将参数转译成分隔符

如果是两个参数第二个参数代表生成的数组的长度

console.log(b_str.split(''));
console.log(b_str.split('',5));

8.substr() 截取

可在字符串中抽取以指定索引值开始的指定数月的字符
只有一个参数的时候从指定地方开始一直到结束

两个参数: 从指定位置开始截取指定长度
第一个参数开始位置
第二个参数长度

console.log(b_str.substr(3.9));

9.substring() 截取

提取字符串中指定开始位置到指定结束位置的字符
可在字符串中抽取以指定索引值开始的指定数月的字符
只有一个参数的时候从指定地方开始一直到结束

两个参数从指定位置开始截取位置结束
第一个参数开始位置
第二个参数结束位置

 console.log(b_str.substring(3,12));

10.toLower Case() 用来将字符串转为小写

仅针对于英文字母

var str2 = '你好123AbAbAb';
console.log(str2.toLocaleLowerCase());

11.toUpper Case() 用来将字符串转为大写