js中常见数组操作_数组中的元素操作 js

目录

1.concat()

2. join()

3. 添加元素

3.1 push()

3.2 unshift()

4. 删除元素

4.1 pop()

4.2 shift()

5. slice()和splice()

5.1 slice()

5.2 splice()

6. 查询数组中的元素是否存在

7. reverse()

8. filter

9. forEach

10.字符串转化为数组

11.数组转化为字符串

---

1.concat()

连接2个或者多个数组，返回的是新数组

var  arr1=[1,2,3]

var arr2=[4,5]

var arr3=arr1.concat(arr2)

console.log(arr3);//[1,2,3,4,5]

2. join()

方法用于把数组中的所有元素放入一个字符串。返回的是字符串,元素是通过指定的分隔符进行分隔的，默认使用’,'号分割，不改变原数组。

arr1.join()//1,2,3

3. 添加元素

3.1 push()

方法可向数组的末尾添加一个或多个元素，并返回新的长度。末尾添加，返回的是长度，会改变原数组。

arr1.push(5)//长度是4

console.log(arr1);//[1,2,3,5]

3.2 unshift()

方法可向数组的开头添加一个或更多元素，并返回新的长度。返回新长度，改变原数组。

4. 删除元素

4.1 pop()

方法用于删除并返回数组的最后一个元素。返回最后一个元素，会改变原数组。

4.2 shift()

方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。返回第一个元素，改变原数组。

5. slice()和splice()

5.1 slice()

返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素,不会改变原数组。

arr4=[2,3,4,5]

arr4.slice(1,3)//[3,4]

console.log(arr4)//[2,3,4,5]

5.2 splice()

方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。

参数：

index —— 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。

howmany —— 必需。要删除的项目数量。如果设置为 0，则不会删除项目。

item1, …, itemX —— 可选。向数组添加的新项目。

arr5=[1,2,3,4,5]

arr5.splice(1,0,9)//[]

console.log(arr5)//[1,9,2,3,4,5]

6. 查询数组中的元素是否存在

indexOf 和 lastIndexOf

都接受两个参数：查找的值、查找起始位置

不存在，返回 -1 ；存在，返回位置。indexOf 是从前往后查找， lastIndexOf 是从后往前查找。

7. reverse()

方法用于颠倒数组中元素的顺序。返回的是颠倒后的数组，会改变原数组

8. filter

对数组的每一项都运行给定的函数，返回 结果为 ture 的项组成的数组

var words=['aaa','bbb','ccc','ddddd']

var longwords=words.filter(function(word){

    return word.length>4

})

<!-- longwords=['ddddd'] -->

9. forEach

数组遍历

10.字符串转化为数组

split：将字符串按某个字符切割成若干个字符串，并以数组形式返回

var s = "abc,abcd,aaa";
ss = s.split(",");// 在每个逗号(,)处进行分解。

11.数组转化为字符串

1.我们首先for循环这个数组，将需要的值加","拼接起一个字符串，这个时候的字符串会以‘,’结尾，我们再用substring对这个字符串进行截取去掉最后的那个‘,’得到想要的值

2.toString() 方法能够把每个元素转换为字符串，然后以逗号连接输出显示JavaScript 会以迭代的方式调用 toString() 方法把所有数组都转换为字符串。

3.toLocalString() 方法与 toString() 方法用法基本相同，主要区别在于 toLocalString() 方法能够使用用户所在地区特定的分隔符把生成的字符串连接起来，形成一个字符串

4.join() 方法可以把数组转换为字符串，不过它可以指定分隔符。在调用 join() 方法时，可以传递一个参数作为分隔符来连接每个元素。如果省略参数，默认使用逗号作为分隔符，这时与 toString() 方法转换操作效果相同。

var formArr: ["科比", "麦迪", "卡特", "艾弗森"],
    
    console.log(this.formArr);
    // 方法一
 
    let str = "";
    for (let i = 0; i < formArr.length; i++) {
      str += formArr[i] + ",";
    }
    var note1 = str.substring(0, str.length - 1);
    console.log(note1,'note1');
    // 方法二
    var note2 = formArr.toString();
    console.log(note2,'note2');
    // 方法三
    var note3 = formArr.toLocaleString();
    console.log(note3,'note3');
     // 方法四
    var note2 = formArr.join('&');
    console.log(note2,'note4');