字符串
1. 分割字符串变数组splite()
语法
split(separator,howmany)
| 参数 | 描述 |
|---|---|
| separator | 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。 |
| howmany | 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。 |
例子 1
不同方式分割字符串
<script type="text/javascript">
var str="How are you doing today?"
document.write(str.split(" ") + "<br />")
document.write(str.split("") + "<br />")
document.write(str.split(" ",3))
</script>
输出结果:
How,are,you,doing,today?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you
例子 2 我们将分割结构更为复杂的字符串
"2:3:4:5".split(":") //将返回["2", "3", "4", "5"]
"|a|b|c".split("|") //将返回["", "a", "b", "c"]
例子 3
使用下面的代码，可以把句子分割成单词：
var words = sentence.split(' ')
或者使用正则表达式作为 separator：
var words = sentence.split(/\s+/)
例子 4
如果您希望把单词分割为字母，或者把字符串分割为字符，可使用下面的代码：
"hello".split("") //可返回 ["h", "e", "l", "l", "o"]
若只需要返回一部分字符，请使用 howmany 参数：
"hello".split("", 3) //可返回 ["h", "e", "l"]
2.检索字符串indexOf()
语法
stringObject.indexOf(searchvalue,fromindex)
| 参数 | 描述 |
|---|---|
| searchvalue | 必需。规定需检索的字符串值。 |
| fromindex | 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。 |
在本例中，我们将在 "Hello world!" 字符串内进行不同的检索：
<script type="text/javascript">
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))
</script>
以上代码的输出：
0
-1
6
注释： indexOf() 方法对大小写敏感！
注释： 如果要检索的字符串值没有出现，则该方法返回 -1。
3.截取字符串slice()
Array.slice() 方法从数组中返回选定的元素，作为一个新数组。
slice() 方法选择从给定的 start 参数开始的元素，并在给定的 end 参数处结束，但不包括。
实例
从数组中选择元素：
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
结果
Orange,Lemon
\
4.大小写转换：字符串.toUpperCase() || toLowerCase()
4.1toUpperCase() 方法用于把字符串转换为大写。
语法
stringObject.toUpperCase()
返回值
一个新的字符串，在其中 stringObject 的所有小写字符全部被转换为了大写字符。
实例
在本例中，"Hello world!" 将以大写字母来显示：
<script type="text/javascript">
var str="Hello World!"
document.write(str.toUpperCase())
</script>
4.2 toLowerCase() 方法用于把字符串转换为小写。
语法
stringObject.toLowerCase()
返回值
一个新的字符串，在其中 stringObject 的所有大写字符全部被转换为了小写字符。
实例
在本例中，"Hello world!" 将以小写字母来显示：
<script type="text/javascript">
var str="Hello World!"
document.write(str.toLowerCase())
</script>
数组
不修改数组
1.合并数组变成字符串：数组.join()
将数组元素转换为字符串：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
2.遍历数组：数组.forEach(回调函数)
forEach() 方法按升序为每个数组元素执行一次提供的函数（回调函数）
语法：
array.forEach(callback, thisArg)
示例
var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element) {
result.innerHTML += element + "<br>";
});
输出结果
Apple
Mango
Banana
Orange
3.数组过滤：数组.filter(回调函数:返回条件结果)
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意： filter() 不会对空数组进行检测。
注意： filter() 不会改变原始数组。
语法
array.filter(function(currentValue,index,arr), thisValue)
实例
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
输出结果为:
32,33,40
4.数组加工：数组.map(回调函数：返回条件加工结果)
定义和用法
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意： map() 不会对空数组进行检测。
注意： map() 不会改变原始数组。
实例
返回一个数组，数组中元素为原始数组的平方根:
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML = numbers.map(Math.sqrt);
}
输出结果为:
2,3,4,5
5.查找满足条件的元素：数组.find(回调函数: 返回条件)
定义和用法
find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。
find() 方法为数组中的每个元素都调用一次函数执行：
- 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
- 如果没有符合条件的元素返回 undefined
注意: find() 对于空数组，函数是不会执行的。
注意: find() 并没有改变数组的原始值。
语法
array.find(function(currentValue, index, arr),thisValue)
实例
获取数组中年龄大于 18 的第一个元素
var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
输出结果：
18
修改数组
1.排序数组：数组.sort()
定义和用法
sort() 方法用于对数组的元素进行排序。
排序顺序可以是字母或数字，并按升序或降序。
默认排序顺序为按字母升序。
注意： 当数字是按字母顺序排列时"40"将排在"5"前面。
使用数字排序，你必须通过一个函数作为参数来调用。
函数指定数字是按照升序还是降序排列。
这些说起来可能很难理解，你可以通过本页底部实例进一步了解它。
注意： 这种方法会改变原始数组！。
实例
数组排序：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits 输出结果：
Apple,Banana,Mango,Orange
实例
数字排序（数字和升序）：
**var** points = [40,100,1,5,25,10];
points.sort(**function**(a,b){**return** a-b});
fruits输出结果：
1,5,10,25,40,100
实例
数字排序（数字和降序）：
**var** points = [40,100,1,5,25,10];
points.sort(**function**(a,b){**return** b-a});
fruits输出结果：
100,40,25,10,5,1
实例
数字排序 (字母和降序):
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits.reverse();
fruits输出结果：
Orange,Mango,Banana,Apple
