资讯专栏INFORMATION COLUMN

js中数据的用法总结

Snailclimb / 3317人阅读

摘要:一,会改变原数组移除数组末尾最后一项,返回删除的元素如果你在一个空数组上调用,它返回在数组末尾添加一个或多个元素,返回修改后数组长度移除数组第一项,返回移除的元素在数组头部添加一个或多个元素,返回修改后数组长度对数组元素排序,返回排序后的数

一,会改变原数组

1.移除数组末尾最后一项.pop(),返回删除的元素 如果你在一个空数组上调用 pop(),它返回  undefined

let word = ["a", "b", "c", "d"];

let newArr = word.pop();  
console.log(word);      //["a", "b", "c"]  
console.log(newArr);    //d  

let nullArr = [];  
console.log(nullArr.pop()); //undefined 


        2.在数组末尾添加一个或多个元素.push(),返回修改后数组长度

[javascript] view plain copy

    let word = ["a", "b", "c", "d"];  
    let newArr = word.push("e","f");  
    console.log(word);      //["a", "b", "c", "d", "e", "f"]  
    console.log(newArr);    //6  
        3.移除数组第一项.shift(),返回移除的元素

[javascript] view plain copy

    let word = ["a", "b", "c", "d"];  
    let newArr = word.shift();  
    console.log(word);      //["b", "c", "d"]  
    console.log(newArr);    //a  
        4.在数组头部添加一个或多个元素.unshift(),返回修改后数组长度

[javascript] view plain copy

    let word = ["a", "b", "c", "d"];  
    let newArr = word.unshift("11","22");  
    console.log(word);      //["11", "22", "a", "b", "c", "d"]  
    console.log(newArr);    //6  
        5.对数组元素排序.sort(),返回排序后的数组
            默认排序顺序是根据字符串Unicode码点

[javascript] view plain copy

    let fruit = ["cherries", "apples", "bananas"];  
    console.log(fruit.sort());       // ["apples", "bananas", "cherries"]  
      
    let scores = [1, 10, 21, 2];   
    console.log(scores.sort());  
    // [1, 10, 2, 21]  
    // 注意10在2之前,  
    // 因为在 Unicode 指针顺序中"10"在"2"之前  

    let things = ["word", "Word", "1 Word", "2 Words"];  
    console.log(things.sort());   
    // ["1 Word", "2 Words", "Word", "word"]  
    // 在Unicode中, 数字在大写字母之前,  
    // 大写字母在小写字母之前.  

    function compare(a, b) {  
        if(a < b) {  
            return -1;  
        }else if(a > b) {  
            return 1;  
        }else {  
            return 0;  
        }  
    }  
    let num = [1, 10, 21, 2];  
    console.log(num.sort(compare)); //[1, 2, 10, 21]  
        6.颠倒数组元素.reverse(),返回颠倒后的数组

[javascript] view plain copy

    let word = ["a", "b", "c", "d"];  
    let newArr = word.reverse();  
    console.log(word);      //["d", "c", "b", "a"]  
    console.log(newArr);    //["d", "c", "b", "a"]  
        7.删除或插入元素.splice(),返回数组删除的项,没有删除的项,返回空数组

[javascript] view plain copy

    var word = ["a", "b", "c", "d"];  
    //删除,前闭后开  
    var newArr = word.splice(0,2);  
    console.log(word);      //["c", "d"]  
    console.log(newArr);    //["a", "b"]  

    //插入,当前数组索引1处插入hello  
    var newArr = word.splice(1,0,"hello");  
    console.log(word);      //["c", "hello", "d"]  
    console.log(newArr);    //[]  

    //替换  
    var newArr = word.splice(1,1,"world");  
    console.log(word);      //["c", "world", "d"]  
    console.log(newArr);    //["hello"]  

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93830.html

相关文章

  • bootstrap select2 tags用法总结

    摘要:原创用法总结前言最近用到的,官方文档中的例子也很多在此写一些实际项目中用法总结,有需要的朋友可以借鉴一下。 (原创) bootstrap select2 用法总结 前言 最近用到bootstrap 的 select2,官方文档中的例子也很多在此写一些实际项目中用法总结,有需要的朋友可以借鉴一下。 效果图 showImg(https://segmentfault.com/img/bV...

    Zack 评论0 收藏0
  • bootstrap select2 tags用法总结

    摘要:原创用法总结前言最近用到的,官方文档中的例子也很多在此写一些实际项目中用法总结,有需要的朋友可以借鉴一下。 (原创) bootstrap select2 用法总结 前言 最近用到bootstrap 的 select2,官方文档中的例子也很多在此写一些实际项目中用法总结,有需要的朋友可以借鉴一下。 效果图 showImg(https://segmentfault.com/img/bV...

    flyer_dev 评论0 收藏0
  • export和import用法总结

    摘要:把直接加到声明前面就可以省略无论怎样输出,输入的时候都需要。其实这种导出方式可以看成是命名导出的变种,只不过把命名写成了。对应输入的例子参考文章详解中与的用法和区别我在 ES6中export一般的用法有两种 命名导出(Named exports) 默认导出(Default exports) 命名导出(Named exports) 就是每一个需要输出的数据类型都要有一个name,统一...

    EasonTyler 评论0 收藏0
  • javascriptimport和export用法总结

    摘要:前者用于服务器,后者用于浏览器。某些打包工具可以允许或要求使用扩展名。的形式需要的支持,比如将导出在中的对象或值。如上,也是的内容,和是一对。比如如命名导出引入的命名导出等价为,值得注意的是在该模块中不能直接使用和。 import import 和 require 的区别 import 和js的发展历史息息相关,历史上 js没有模块(module)体系,无法将一个大程序拆分成互相依赖的...

    ideaa 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<