常用字符串 数组方法总结,真的简洁详细且易懂,快收藏啊啊啊

字符串方法:

1、substring(包含开始位置索引,不包含结束位置索引) ,

 返回新字符串,(原字符串不变)

1.2、 两个参数

var str = "abcdefj"
var newStr = str.substring(1,4)
console.log(str); // abcdefj
console.log(newStr); // bcd

1.2、 一个参数

(包含开始位置索引)  到最后。

var str = "abcdefj"
var newStr = str.substring(2)
console.log(str); // abcdefj
console.log(newStr); // cdefj

1.3、输入负值将变为零,哪个较小作为开始 (为负数必须有两个参数)

例:str.substring(2,-2) => str.substring(0,2)  

       str.substing(-1,1)  => str.substring(0,1)

var str = "abcdefj"
var newStr = str.substring(2,-2)
console.log(str); // abcdefj
console.log(newStr); // ab

2、slice(包含开始位置索引,不包含结束位置索引)

跟substring相似,区别在于负数。

2.1、两个参数 

var str = "abcdefj"
var newStr = str.slice(1,4)
console.log(str);  // abcdefj
console.log(newStr); // bcd

2.2、一个参数 

(包含开始位置索引)  到最后。

  var str = "abcdefj"
  var newStr = str.slice(2)
  console.log(str); // abcdefj
  console.log(newStr); // cdefj

2.3、一个参数,负数。

从后往前,(包含开始位置)到最后。

var str = "abcdefj"
var newStr = str.slice(-2)
console.log(str); // abcdefj
console.log(newStr); // fj

2.3.1 参数为 二,两个负数

从后往前,(包含开始位置,不包含结束位置)

var str = "abcdefj"
var newStr = str.slice(-3,-1)
console.log(str); // abcdefj
console.log(newStr); // ef

2.3.2、参数为 二,其中一个负数。

包含开始位置索引,不包含结束位置)

var str = "abcdefj"
var newStr = str.slice(1,-3)
console.log(str); // abcdefj
console.log(newStr); // bcd

2.3.3 当第二个参数时大于第一个参数时返回 空

var str = "abcdefj"
var newStr = str.slice(-3,2)
console.log(str); // 
console.log(newStr); // 

3、substr(包含开始位置索引,需要返回字符个数)

var str = "abcdefj"
var newStr = str.substr(1,3)
console.log(str); // abcdefj
console.log(newStr); // bcd

3.1、一个参数

包含开始位置索引)到最后

var str = "abcdefj"
var newStr = str.substr(1)
console.log(str); // abcdefj
console.log(newStr); // bcdefj

 3.2、一个参数,负数

从后往前,(包含开始位置) 

var str = "abcdefj"
var newStr = str.substr(-1)
console.log(str); // abcdefj
console.log(newStr); // j

 3.3、两个参数,负数

从后往前,(包含开始位置,包含结束位置)

 4、charAt(index) 返回指定包含索引位置处的字符。

var str = "abcdefj"
var newStr = str.charAt(1)
console.log(str); // abcdefj
console.log(newStr); // b

5、indexOf(string) 例如:indexOf("e") 返回字符串内第一次出现字符串的位置(索引),没有找到返回-1 

var str = "abcdefj"
var indexStr = str.indexOf("b")
console.log(indexStr); // 1

6、lastIndexOf(string) 返回最后一次出现位置的索引,没有找到返回-1

7、split(",") 将字符串以参数分割为数组。

数组方法

1、slice(包含开始位置索引,不包含结束位置索引) 

返回新数组。(原数组不变)

var arr = [1,2,3,4,5,6]
var newArr = arr.slice(1,3)
console.log(arr); // [1,2,3,4,5,6]
console.log(newArr); // [2, 3]

1.1、参数为两个负数。(第二个参数不能大于第一个参数)。

(包含开始位置,不包含结束位置) 

var arr = [1,2,3,4,5,6]
var newArr = arr.slice(-3,-2)
console.log(arr); // [1,2,3,4,5,6]
console.log(newArr); // [4]

 1.2、一个参数

从前往后,(包含开始位置索引)

1.3、一个负数参数(返回从-3开始后面所有)

从后往前,(包含开始位置)

var arr = [1,2,3,4,5,6]
var newArr = arr.slice(-3)
console.log(arr); // [1,2,3,4,5,6]
console.log(newArr); // [4]

 2、splice(开始索引,个数,ele1,ele2....)剪接数组。(原数组改变)

2.1、一个参数

包含开始位置索引)到最后

var arr = [1,2,3,4,5,6]
var newArr = arr.splice(3)
console.log(arr); // [1,2,3]
console.log(newArr); // [4,5,6]

2.2 、两个参数

包含开始位置索引,包含个数)

var arr = [1,2,3,4,5,6]
var newArr = arr.splice(3,3)
console.log(arr); // [1,2,3]
console.log(newArr); // [4,5,6]

2.3、原数组新增参数。不返回新数组。

( 将参数加在 索引为几的位置,0,'新增的参数’)

var arr = [1,2,3,4,5,6]
var newArr = arr.splice(1,0,'aaa')
console.log(arr); //  [1, 'aaa', 2, 3, 4, 5, 6]
console.log(newArr); // []

2.4、原数组替换。

包含开始位置索引,个数,'需要替换的参数')

var arr = [1,2,3,4,5,6]
var newArr = arr.splice(1,2,'aaa')
console.log(arr); // [1, 'aaa', 4, 5, 6]
console.log(newArr); // [2, 3]

2.5、两个参数 

包含开始位置,个数)

let arr = [1,2,3,4]
let newArr = arr.splice(-3,2)
console.log(arr) // [1,4]
console.log(newArr) // [2,3]

2.6、一个参数,负数,则是从这个位置往后截取所有。 

3、join(",") 数组转化为字符串。

4、toString   把数组转换为字符串,并返回结果。(不改变原数组)

arrayObject.toString()

5、pop()  删除数组最后一个元素,返回删除的元素。(原数组改变)

let list = [1,2,3,4]
let last = list.pop()
console.log(list) // [1, 2, 3]
console.log(last) // 4

6、push(4,5,6) 数组尾部添加元素(返回数组的新长度)。(原数组改变)

let arr1 = [1,2,3]
let arr2 = arr6.push(4,5)
console.log(arr1) //  [1, 2, 3, 4, 5] 
console.log(arr2) // 5

7、shift() 删除数组第一个元素,返回删除的元素。 原数组改变

8、 unshift(1,2,3)  向数组的开头添加一个或更多元素,并返回新的长度。原数组改变

9、indexOf("a") 检测当前值在数组中第一次出现的位置(索引),未找到返回-1

let ary = ['a','b','c','d','e','a','f'];   

console.log(ary.indexOf('c')); // 2

10、 lastIndexOf("a") 检测当前值在数组中最后一次出现的位置(索引),未找到返回-1

11、find() 方法返回数组中通过检测的,第一个元素的值,否则返回undefined

var arr = [1,2,3,4,5,6]
var value = arr.find(el => {
    return el >= 4
})
console.log(value); // 4

12、findIndex() 方法返回数组中通过检测的,第一个元素的索引

var arr = [1,2,3,4,5,6]
var value = arr.findIndex(el => {
    return el >= 4
})
console.log(value); // 3

13、includes("a") 判断一个数组是否包含一个指定的值,返回布尔值

var arr = [1,2,3,4,5,6]
var value = arr.includes(8)
console.log(value); // false

猜你喜欢

转载自blog.csdn.net/weixin_49516521/article/details/124836160