JavaScript如何实现对数组元素的插入、删除、替换

JavaScript04

JavaScript如何实现对数组元素的插入、删除、替换,第1张

如果不知道Array.PRototype.splice的使用的方法那很有可能就要被扣分了。使用Javascript数组类型内置的splice方法仅需一行代码即可轻松实现对数组元素进行插入、删除、替换操作。

方法签名:Array.prototype.splice(index,count[,elm1,elm2...n])描述:使用Array类型的splice方法可以对数组元素进行插入、替换、删除。该方法讲直接影响当前的数组对象(与.slice(index1,index2)方法不同)并返回被删除的数组项。

参数:index :数组中元素的起始下标。

count :需要要被删除或替换的元素个数。

elems :需要插入到数组中的项。

返回值 :返回从素组中被移除的项。

演示:var items =[a,b,c,d,e]//删除元素result = items.splice(1,2)

//这个操作删除了示例中items数组中的元素[b,c],并返回[b,c]给result.

//替换元素result = items.splice(1,2,x,y)

//这个操作使用元素x,y替换了示例中items数组中的元素[b,c],并返回[b,c] 给 result.

//插入元素result = items.splice(1,0,x,y)

1、indexOf()方法可以返回被查找元素的索引值,找不到则返回-1,新建一个HTML文档,用于承载JS。

2、定义一个数组,示例代码:var arr=['apple', 'banana', 'pear', 'orange']。

3、定义一个函数,附带两个参数,str参数代表:指定要删除的元素,arr参数代表:被删除元素所在的数组。

4、定义函数体,示例代码:var index = arr.indexOf(str)。

5、调用函数delOne(),示例代码:delOne('pear', arr)。

数组转换字符串

array.join()    // 将数组的值拼接成字符串。

var arr = [1,2,3,4,5]

arr.join()   // 不传参数,默认按【,】进行拼接

arr.join("-")  // 参数是字符串类型 按【-】进行拼接

数组的增删操作

array.push(value,[value[,...]])   //将一个或多个元素添加到数组的结尾,并返回新的长度。

array.pop()   //从数组中删除最后一个元素,并返回该元素的值,改变了数组的长度

array.unshift(value,[value[,...]])   //将一个或多个元素添加到数组的开头,并返回新的长度。

array.shift()    //从数组中删除第一个元素,并返回该元素的值,改变了数组的长度

数组的翻转与排序

array.reverse()    // 翻转数组,返回翻转过的数组

array.sort()    // 默认排序顺序是根据字符串Unicode码点,比如如果是数字的话,排序结果是10小于2,因为比较的是第一位

var arr = [1,3,10,2,4,40,5]

arr.sort()    // [1, 10, 2, 3, 4, 40, 5]

// sort方法可以传递一个函数作为参数,这个参数用来控制数组如何进行排序

var arr = [1,2,10,4,40,5]

arr.sort(function(a,b)

    return a-b  //按照正序

    return b-a //按照倒序

})

数组的拼接与截取

concat:数组合并,不会影响原来的数组,会返回一个新数组。

var arr = [1,2,3]

var arr1 = ["a","b","c"]

var newArray = arr.concat(arr1)    //[1,2,3,"a","b","c"]

slice:复制数组的一部分到一个新数组,并返回这个新数组,原来的数组不受影响,包含头,不包含尾

var newArray = array.slice(begin, end)

var arr = [1,2,3,4,5]

arr.slice(0,3) //[1,2,3]

arr.slice(-3,-1) //[3,4]

splice: 以新元素来替换旧元素,以此来修改数组的内容,返回被替换的内容,原数组被改变

start:开始位置  deleteCount:删除的个数  items:替换的内容

array.splice(start, deleteCount, [items[,items...])

var arr = [1,2,3,4,5]

var newArray = arr.splice(0,3,"a","b","c","d")

console.log(newArray)    //[1, 2, 3]

console.log(arr)    // ["a", "b", "c", "d", 4, 5]

数组查找元素

indexOf方法用来查找数组中某个元素第一次出现的位置,如果找不到,返回-1

array.indexOf(search, [fromIndex])

lastIndexOf()从后面开始查找数组中元素第一次出现位置,如果找不到,返回-1 

array.lastIndexOf(search, [fromIndex])

链接:https://www.jianshu.com/p/5d4df649cca5