js中数组与字符串常用方法属性总结

String 对象属性

属性	描述
length	字符串的长度
prototype	允许您向对象添加属性和方法

length

length：字符创的长度

<script>
var str = "Hello World!";
document.write(txt.length);
</script>

结果：12

String 对象方法

属性	描述
charAt()	返回在指定位置的字符。
charCodeAt()	返回在指定的位置的字符的 Unicode 编码。
concat()	连接两个或更多字符串，并返回新的字符串。
endsWith()	判断当前字符串是否是以指定的子字符串结尾的（区分大小写）。
fromCharCode()	将 Unicode 编码转为字符。
indexOf()	返回某个指定的字符串值在字符串中首次出现的位置。
includes()	查找字符串中是否包含指定的子字符串。
lastIndexOf()	从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。
match()	查找找到一个或多个正则表达式的匹配。
repeat()	复制字符串指定次数，并将它们连接在一起返回。
replace()	在字符串中查找匹配的子串，并替换与正则表达式匹配的子串。
replaceAll()	在字符串中查找匹配的子串，并替换与正则表达式匹配的所有子串。
search()	查找与正则表达式相匹配的值。
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分。
split()	把字符串分割为字符串数组。
startsWith()	查看字符串是否以指定的子字符串开头。
substr()	从起始索引号提取字符串中指定数目的字符。
substring()	提取字符串中两个指定的索引号之间的字符。
toLowerCase()	把字符串转换为小写。
toUpperCase()	把字符串转换为大写。
trim()	去除字符串两边的空白。
toLocaleLowerCase()	根据本地主机的语言环境把字符串转换为小写。
toLocaleUpperCase()	根据本地主机的语言环境把字符串转换为大写。
valueOf()	返回某个字符串对象的原始值。
toString()	返回一个字符串。

chartAt（）

chartAt（） 返回指定位置的字符

var str = "HELLO WORLD";
var n = str.charAt(2);
console.log(n)

结果：L

concat()

concat() 连接两个或更多字符串

function myFunction(){
    
	var txt1 = "Hello ";
	var txt2 = "world!";
	var txt3="NI HAO";
	var n=txt1.concat(txt2,txt3);
	document.getElementById("demo").innerHTML=n;
}
</script>

结果：Hello world!NI HAO

endsWith（）

endsWith（） 判断当前字符串是否以指定的字符串结尾

let str = "Hello world";
str.endsWith("world")   // 返回 true
str.endsWith("World")   // 返回 false

startsWith（）

startsWith（） 判断当前字符串是否以指定的字符串开头

var str = "Hello world, welcome to the Runoob.";
var n = str.startsWith("Hello");

结果：true

indexOf（）

indexOf（） 返回某个字符串在此字符串中首次出现的位置，如果没有找到则放回false

var str="Hello world";
var n=str.indexOf("world");

结果：6

repeat（）

repeat（） 复制字符串指定次数，并将它们连接在一起返回

var str = "Runoob";
str.repeat(2);

结果：RunoobRunoob

replace（）

replace（） 在字符串中查找匹配的子串，并替换匹配的子串。在本例中，我们将执行一次替换，当第一个 “Microsoft” 被找到，它就被替换为 “Runoob”：

var str="Visit Microsoft! Visit Microsoft!";
var n=str.replace("Microsoft","Runoob");

结果：Visit Runoob!Visit Microsoft!

replaceAll（）

replaceAll（） 在字符串中查找匹配的子串，并替换匹配的所有子串。。在本例中，我们将执行一次替换，找到所有的 “Microsoft” ，替换为 “Runoob”：

var str="Visit Microsoft! Visit Microsoft!";
var n=str.replaceAll("Microsoft","Runoob");

结果：Visit Runoob!Visit Runoob!

serach（）

serach（） 查找与正则表达式相匹配的值。

var str="Visit Runoob!"; 
var n=str.search("Runoob");

结果：6
//执行一次对大小写敏感的查找:
var str="Mr. Blue has a blue house";
document.write(str.search("blue"));
//结果：15

//执行一次忽略大小写的检索:
var str="Mr. Blue has a blue house";
document.write(str.search(/blue/i));
//结果：4

slice（）

slice（start,end） 截取字符串 在新的字符串中返回被提取的部分
start:从字符串的第几位开始
end:到字符串的第几位结束（不包括end）

var str="Hello world!";
var n=str.slice(1,5);
//结果：ello

//提取所有字符串:
var str="Hello world!";
var n=str.slice(0);
//结果：Hello world!

//从字符串的第3个位置提取字符串片段:
var str="Hello world!";
var n=str.slice(3);
//lo world!

//从字符串的第3个位置到第8个位置直接的字符串片段:
var str="Hello world!";
var n=str.slice(3,8);
结果：lo wo（注意不包括最后一位）


//提取最后一个字符和最后两个字符
var str="Hello world!";
var n=str.slice(-1);
var n2=str.slice(-2);
//结果 !
//结果 d!

split()

split（） 把字符串分割为字符串数组。

把一个字符串分割成字符串数组:注意中间以空格分开
var str="How are you doing today?";
var n=str.split(" ");
//结果：How,are,you,doing,today?

//分割每个字符，包括空格:
var str="How are you doing today?";
var n=str.split("");
//结果：H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

//使用 limit 参数:
var str="How are you doing today?";
var n=str.split(" ",3);
//结果：How,are,you

//使用一个字符作为分隔符:
var str="How are you doing today?";
var n=str.split("o");
//结果：H,w are y,u d,ing t,day?

substr（）

substr（1，2） 截取指定数目的字符，第一个参数为从第几个字符开始，第二个参数为截取几个字符

//抽取指定数目的字符：
var str="Hello world!";
var n=str.substr(2,3)
//结果：llo

//在本例中，我们将使用 substr() 从字符串第二个位置中提取一些字符：
var str="Hello world!";
var n=str.substr(2)
//结果：llo world!

substring()

substring（1，2） 截取指定数目的字符，第一个参数为从第几个字符开始，第二个参数为截第几个参数结束，注意不包括最后一位

//抽取指定数目的字符：
var str="Hello world!";
var n=str.substr(2,3)
//结果：l

toLowerCase()

toLowerCase（） ：字符串转换为小写

toUpperCase()

toUpperCase（）：字符串转换为大写。

trim ()

trim （） ：除字符串两边的空白。

toString ()

toString （） ：返回一个字符串。

Aarry

属性	描述
length	设置或返回数组元素的个数。

Aarry.length

length

var fruits = ["1", "d", "f", "h"];
console.log(fruits.length);

结果：4

Array 对象方法

属性	描述
concat()	两个或更多的数组，并返回结果。
copyWithin()	从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()	返回数组的可迭代对象。
every()	检测数值元素的每个元素是否都符合条件。
fill()	使用一个固定值来填充数组。
filter()	检测数值元素，并返回符合条件所有元素的数组。
find()	返回符合传入测试（函数）条件的数组元素。
findIndex()	返回符合传入测试（函数）条件的数组元素索引。
forEach()	数组每个元素都执行一次回调函数。
from()	通过给定的对象中创建一个数组。
includes()	判断一个数组是否包含一个指定的值。
indexOf()	搜索数组中的元素，并返回它所在的位置。
isArray()	判断对象是否为数组。
join()	把数组的所有元素放入一个字符串。
keys()	返回数组的可迭代对象，包含原始数组的键(key)。
lastIndexOf()	搜索数组中的元素，并返回它最后出现的位置。
map()	通过指定函数处理数组的每个元素，并返回处理后的数组。
pop()	删除数组的最后一个元素并返回删除的元素。
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reduce()	将数组元素计算为一个值（从左到右）。
reduceRight()	将数组元素计算为一个值（从右到左）。
reverse()	反转数组的元素顺序。
shift()	删除并返回数组的第一个元素。
slice()	选取数组的一部分，并返回一个新数组。
some()	检测数组元素中是否有元素符合指定条件。
sort()	对数组的元素进行排序。
splice()	从数组中添加或删除元素。
toString()	把数组转换为字符串，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值。

concat（）

concat(arry):连接两个数组

function myFunction(){
    
	var arr1= [1,2,3,4]
	var arr2= ["a","b"];
	var arr3=[6,7];
arr1.concat(arr2,arr3)
}
</script>

结果：1,2,3,4,a,b,6,7

copyWithin（）

从数组的指定位置拷贝元素到数组的另一个指定位置中
参数---------------- 描述
target-------------- 必需。复制到指定目标索引位置。
start---------------- 可选。元素复制的起始位置。
end------------------ 可选。停止复制的索引位置 (默认为 array.length)。如果为负值，表示倒数。

var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
fruits.copyWithin(2, 0, 2);

j结果：Banana,Orange,Banana,Orange,Kiwi,Papaya

entries（）

entries() 方法返回一个数组的迭代对象，该对象包含数组的键值对 (key/value)。 就是把你创建的对象变为key与value的形式

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.entries();

结果：
[0, “Banana”]
[1, “Orange”]
[2, “Apple”]
[3, “Mango”]

every（）

every():检测数组的所有元素是否都满足条件

var ages = [32, 33, 16, 40];

function checkAdult(age) {
    
    return age >= 18;
}

function myFunction() {
    
    document.getElementById("demo").innerHTML = ages.every(checkAdult);
}

结果：false

fill()

fill():使用一个固定值来填充数组。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.fill("Runoob");

结果：Runoob,Runoob,Runoob,Runoob

filter()

filter(): 检测数值元素，并返回符合条件所有元素的数组。

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    
    return age >= 18;
}
console.log(ages.filter(checkAdult))

结果：32,33,40

find()

find():返回符合传入测试（函数）条件的数组元素。

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    
    return age >= 18;
}

console.log(ages.find(checkAdult))

结果：18

findIndex()

findIndex()：获取数组中满足条件第一个元素索引位置

var ages = [3, 10, 18, 20];
 
function checkAdult(age) {
    
    return age >= 18;
}
 
function myFunction() {
    
    document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}

结果：2

forEach()

forEach():循环遍历

numbers.forEach(myFunction)

from（）

from():通过给定的对象中创建一个数组

var arr = Array.from([1, 2, 3], x => x * 10);
// arr[0] == 10;
// arr[1] == 20;
// arr[2] == 30;

includes()

includes():判断一个数组是否包含一个指定的值。

let site = ['runoob', 'google', 'taobao'];
 
site.includes('runoob'); 
// true 
 
site.includes('baidu'); 
// false

indexOf()

indexOf() 搜索数组中的元素，并返回它所在的位置。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");``` **结果：2** # isArray() >isArray():判断对象是否为数组 ```javascript
 var fruits = ["Banana", "Orange", "Apple", "Mango"];
 var  x = Array.isArray(fruits);

结果：true

join()

join(): 把数组的所有元素放入一个字符串。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();

结果：Banana,Orange,Apple,Mango

lastIndexOf（）

lastIndexOf():查找数组元素中某元素的出现的位置

var fruits=["香蕉","橙子","苹果","甜瓜"];
var a=fruits.lastIndexOf("苹果")
console.log(a)

结果：true

map()

map():通过指定函数处理数组的每个元素，并返回处理后的数组。

//返回一个数组，数组中元素为原始数组的平方根:
var numbers = [4, 9, 16, 25];
var a=numbers.map(Math.sqrt);
console.log(a)

结果：2,3,4,5

pop()

pop():删除数组的最后一个元素并返回删除的元素

push()

push():向数组的末尾添加一个或更多元素，并返回新的长度。

reduce()

reduce():将数组元素计算为一个值（从左到右）。

reduceRight()

reduceRight():将数组元素计算为一个值（从右到左）。

shift()

shift() :删除并返回数组的第一个元素。

slice()

slice():选取数组的一部分，并返回一个新数组。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var myBest = fruits.slice(-3,-1); // 截取倒数第三个（包含）到倒数第一个（不包含）的两个元素
var myBest = fruits.slice(-3);  // 截取最后三个元素

结果：Lemon,Apple

some()

some():检测数组元素中是否有元素符合指定条件。

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    
    return age >= 18;
}
console.log(ages.some(checkAdult));

sort()

sort()L:对数组的元素进行排序

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();

splice()

splice():从数组中添加或删除元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
//Banana,Orange,Lemon,Kiwi,Apple,Mango

//移除数组的第三个元素，并在数组第三个位置添加新元素:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");
//Banana,Orange,Lemon,Kiwi,Mango

//从第三个位置开始删除数组后的两个元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);
//Banana,Orange

toString()

toString():数组转换为字符串：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.toString();

结果：Banana,Orange,Apple,Mango

unshift()

unshift():向数组的开头添加一个或更多元素，并返回新的长度。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");

结果：Lemon,Pineapple,Banana,Orange,Apple,Mango

valueOf()

valueOf():返回数组对象的原始值