JavaScript(数组常用方法)

数组

数组常用方法

方法名含义
reverse()将数组元素倒序排列
indexOf()查询指定元素第一出现的位置
lastIndexOf()查询指定元素最后一次的位置
join()拼接为字符串
concat()将多个组拼接成一个数组
push()向数组末尾添加新的元素
pop()删除并返回数组的最后一个元素
unshift()向数组开头添加新的元素,返回新的数组长度
shift()删除并返回数组的第一个元素
slice()获取指定索引范围内的元素
splice()从指定索引位置删除并添加新的内容
toString()将数组转换为字符串
valueOf()返回数组本身,会自动调用
sort()排序默认按字符编码ASCII的顺序排序,可自定义规则
forEach()遍历数组

     

        //1. reverse() 将数组元素倒序排序
        用法: 数组名.方法名(参数)
        var nums=[12,4,5,6,42,68,4,77]
        console.log(nums);
        nums.reverse();
        console.log(nums);

        //2. indexOf() 查询指定元素第一出现的位置
        //3. lastIndexOf()查询指定元素最后一次的位置
        var names = ['John','Lilly','Make','Job','Jack','John','Merry'];
        console.log(names);
        console.log(names.indexOf('John')); 
        console.log(names.lastIndexOf('John'));
        
        //4. join()拼接为字符串
        console.log(names.join());
        console.log(names.join('-'));
        
        //5. concat() 将多个组拼接成一个数组
        var sex = ['male','female','male','male','male','male']
        names = names.concat(sex);
        console.log(names);

        //6. push() 向数组末尾添加新的元素
        names.push('Merry');
        console.log(length);

        //7. pop() 删除并返回数组的最后一个元素
        names.pop('John');
        console.log(names);

        //8. unshift() 向数组开头添加新的元素,返回新的数组长度
        names.unshift('A','B','C')
        console.log(names);

        //9. shift() 删除并返回数组的第一个元素;
        names.shift('John');
        console.log(names);

        //10. slice() 返回数组中指定范围内的元素(获取指定索引范围内的元素)
        console.log(names.slice(2));

        //11. splice() 从指定索引位置删除并添加新的内容
        names.splice(2,3); // 从索引为2的位置开始删除,删除3个;
        names.splice(2,3,'A','B'); //在删除的位置添加元素‘A’,‘B’
        console.log(names);

        //12. toString()  将数组转换为字符串
        var str = names.toString();
        console.log(str);

        //13. valueOf() 返回数组本身,会自动调用
        console.log(names.values());
        console.log(names);

        //14. sort()排序,默认按字符编码ASCII的顺序排序,可自定义规则
        var nums = [12,4,5,9,92,64,18,8];
        //升序
        function ShengXu(a,b){
            return a-b;
        }
        //降序
        function JiangXu(a,b){
            return b-a;
        }
        nums.sort(ShengXu);
        nums.sort(JiangXu);
        console.log(nums);

        //15. forEach() 遍历数组
        names.forEach(function(value,index){
            console.log(value,index);
        });


 


 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当使用JavaScript编写程序时,数组是一种常见的数据结构,JavaScript 数组具有许多有用的方法,以下是其中一些常用方法及其示例: 1. push() 方法:向数组末尾添加一个或多个元素,并返回新的长度。 ```javascript let arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4] ``` 2. pop() 方法:删除数组的最后一个元素,并返回该元素的值。 ```javascript let arr = [1, 2, 3]; let lastElement = arr.pop(); console.log(lastElement); // 3 console.log(arr); // [1, 2] ``` 3. shift() 方法:删除数组的第一个元素,并返回该元素的值。 ```javascript let arr = [1, 2, 3]; let firstElement = arr.shift(); console.log(firstElement); // 1 console.log(arr); // [2, 3] ``` 4. unshift() 方法:向数组的开头添加一个或多个元素,并返回新的长度。 ```javascript let arr = [1, 2, 3]; arr.unshift(0, -1); console.log(arr); // [-1, 0, 1, 2, 3] ``` 5. slice() 方法:返回一个新的数组,包含从起始位置到结束位置(不包括结束位置)之间的元素。 ```javascript let arr = [1, 2, 3, 4, 5]; let newArr = arr.slice(1, 4); console.log(newArr); // [2, 3, 4] ``` 6. splice() 方法:向数组中插入或删除元素。可以指定要删除的元素的位置和数量,并且可以指定要添加的元素。 ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); // 从位置2开始删除1个元素 console.log(arr); // [1, 2, 4, 5] arr.splice(2, 0, 3); // 在位置2插入元素3 console.log(arr); // [1, 2, 3, 4, 5] arr.splice(2, 1, 'three'); // 用 'three' 替换位置2的元素 console.log(arr); // [1, 2, 'three', 4, 5] ``` 7. indexOf() 方法:返回数组中第一个匹配项的索引。 ```javascript let arr = [1, 2, 3, 4, 5]; let index = arr.indexOf(3); console.log(index); // 2 ``` 8. lastIndexOf() 方法:返回数组中最后一个匹配项的索引。 ```javascript let arr = [1, 2, 3, 4, 3, 5]; let lastIndex = arr.lastIndexOf(3); console.log(lastIndex); // 4 ``` 9. forEach() 方法:对数组中的每个元素执行指定的操作。 ```javascript let arr = [1, 2, 3]; arr.forEach(function(item) { console.log(item); }) // 输出:1 2 3 ``` 10. map() 方法:返回一个新的数组,其中包含对原始数组中的每个元素应用指定函数后的结果。 ```javascript let arr = [1, 2, 3]; let newArr = arr.map(function(item) { return item * 2; }) console.log(newArr); // [2, 4, 6] ``` 11. filter() 方法:返回一个新的数组,其中包含满足指定条件的原始数组元素。 ```javascript let arr = [1, 2, 3, 4, 5]; let newArr = arr.filter(function(item) { return item % 2 === 0; }) console.log(newArr); // [2, 4] ``` 12. reduce() 方法:返回一个值,该值是通过对数组中的每个元素应用指定的函数来计算的。 ```javascript let arr = [1, 2, 3]; let sum = arr.reduce(function(total, item) { return total + item; }, 0) console.log(sum); // 6 ``` 以上是一些常用JavaScript 数组方法及其示例,它们可以帮助你轻松地对数组进行操作,实现各种有用的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值