1.数组  shift unshift pop push

头删增         尾删增

//  数组  shift unshift pop push

    var str="a,b,c,d,e,f";

    var arr=str.split(",");

    console.log("arr: "+arr);

    var shift1=arr.shift();

    console.log("shift1: "+shift1);   //返回删除的数组第一个元素 a

    console.log("arr: "+arr);         // b c d e f

    var unshift1=arr.unshift('aa');

    console.log("unshift1: "+unshift1);  // 返回长度 6

    console.log("arr: "+arr);             // 数组头部添加  aa b c d e f

    var pop1=arr.pop();

    console.log("pop1: "+pop1);     //  返回删除的数组最后一个元素 f

    console.log("arr: "+arr);       //  aa b c d e

    var push1=arr.push("ff");

    console.log("push1: "+push1);  // 返回长度 6

    console.log("arr: "+arr);      // aa b c d e ff

2.string chatAt() indexOf() split() substr()

array join() reverse()

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style>

        p{line-height: 40px;

            border-bottom: 1px solid green;}

    </style>

</head>

<body>

string   chatAt() indexOf() split() substr()

<script>

  var str='hello';

  console.log("chartAt(): "+str.charAt(0));  // e    // 根据索引返回 char 字符

  console.log("indexOf(): "+str.indexOf('e')); //1    //  根据字符返回 index 索引

  var arr = str.split('');

  for(let i of arr){

    console.log("split(): "+i);  // split 转成数组

  }

  var str2=str.substr(0,3);

  console.log("substr(): "+str2);  // hel   截取字符串

</script>

array shift() unshift() pop() push()   join() reverse()

<script>

  var arr2=['a','b','c','d'];

  var str3=arr2.join(''); // 用空格连接

  console.log("join(): "+str3);

  var str4=arr2.reverse().join('');

  console.log("reverse(): "+str4);

</script>

<script>

  function unique(arr) {

    let obj = {};

    let data =[];

    for(let i =0,l=arr.length;i<l;i++){

      if(!obj[arr[i]]){

        obj[arr[i]]=true;

        data.push(arr[i]);

      }

    }

    return data;

  }

  var arr4=[11,12,13,13,14,15,16,16,17];

  console.log("arr4: "+unique(arr4));

</script>

</body>

</html>

js原生的更多相关文章

  1. js原生代码实现轮播图案例

    一.轮播图是现在网站网页上最常见的效果之一,对于轮播图的功能,要求不同,效果也不同! 我们见过很多通过不同的方式,实现这一效果,但是有很多比较麻烦,而且不容易理解,兼容性也不好. 在这里分享一下,用j ...

  2. JS原生效果瀑布流布局的实现(一)

    JS原生效果 实现: HTML页面布局: <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu ...

  3. 工作当中实际运用（3）——js原生实现鼠标点击弹出div层 在点击隐藏

    function onmou(){ var divs=document.getElementById('kefuDV');//获取到你要操作的div if (divs.style.display==& ...

  4. 仿jQuery的siblings效果的js原生代码

    仿jQuery的siblings效果的js原生代码 <previousSibling> 属性返回选定节点的上一个同级节点(在相同树层级中的前一个节点). <nextSibling&g ...

  5. js原生的url操作函数，及使用方法。（附：下边还有jquery对url里的中文解码函数）

    js原生的url操作函数,完善的. /*****************************/ /* 动态修改url */ /*****************************/ var ...

  6. 图片轮播(左右切换)--JS原生和jQuery实现

    图片轮播(左右切换)--js原生和jquery实现 左右切换的做法基本步骤跟 上一篇文章  淡入淡出 类似,只不过修改了一些特定的部分 (1)首先是页面的结构部分 对于我这种左右切换式 1.首先是个外 ...

  7. 图片轮播(淡入淡出)--JS原生和jQuery实现

    图片轮播(淡入淡出)--js原生和jquery实现 图片轮播有很多种方式,这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成j ...

  8. 手把手教你js原生瀑布流效果实现

    手把手教你js原生瀑布流效果实现 什么是瀑布流效果 首先,让我们先看一段动画: 在动画中,我们不难发现,这个动画有以下特点: 1.所有的图片的宽度都是一样的 2.所有的图片的高度是不一样的 3.图片一 ...

  9. js原生 + jQuery实现页面滚动字幕

    js原生/jQuery实现页面滚动字幕效果 17:45:49 在新闻列表或者文章列表信息等页面中很容易要求实现字幕滚动的效果,以下为简单的实现页面中滚动字幕的效果 1.jQuery实现页面滚动字幕效果 ...

  10. js原生获取className&多选一

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. Java，来源于大神

    也许你学习了那么久的Java了,但如果有人问你什么是JavaEE?你会怎么回答他呢?在此我来谈谈关于JavaEE的相关技术.(仅是个人见解) 在谈JavaEE时,我们首先来了解一下Java平台.目前, ...

  2. linux之svn

    sudo apt-get install subversion 实践出真理

  3. Java的生日

    你知道巴西的税务系统,亚马逊的Kindle阅读器以及韩国的第一大镁板制造厂有什么共同点吗?乍一看上去,这简直就是风马牛不相及,但是这些系统同世界上其它100亿个设备共享一个元素,那就是Java. 19 ...

  4. linux下常见解压缩命令

    linux下常见的压缩文件格式有tar.gz.tar.gz.tar.bz2.zip等等.对于不同的压缩文件格式有对应的解压缩命令.下面就对此小结一下: 1.后缀为.tar 用 tar –xvf 解压 ...

  5. vim 支持C++11 lambda表达式

    http://www.vim.org/scripts/script.php?script_id=3797 Tar contains just the required .vim files, so u ...

  6. iOS开发网络篇—数据缓存

      iOS开发网络篇—数据缓存 一.关于同一个URL的多次请求 有时候,对同一个URL请求多次,返回的数据可能都是一样的,比如服务器上的某张图片,无论下载多少次,返回的数据都是一样的. 上面的情况会造 ...

  7. Redis、Memcache和MongoDB的区别（转）

    1.性能 都比较高,性能对我们来说应该都不是瓶颈 总体来讲,TPS方面redis和memcache差不多,要大于mongodb 2.操作的便利性 memcache数据结构单一 redis丰富一些,数据 ...

  8. CSS背景background详解，background-position详解

    背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一.这篇文章将会涉及css背景(background)的基本用法,包括诸如 background-attachm ...

  9. PHP 5.4 已废弃 magic_quotes_gpc，PHP安全转义函数详解（addslashes 、htmlspecialchars、htmlentities、mysql_real_escape_string、strip_tags）

    1. addslashes() addslashes()对SQL语句中的特殊字符进行转义操作,包括(‘), (“), (), (NUL)四个字符,此函数在DBMS没有自己的转义函数时候使用,但是如果D ...

  10. （转载）phpcms v9两步实现专题栏目生成路径去掉html和special

    相信很多人都知道,phpcms v9专题是不支持自定义URL的,生成的专题路径是以/HTML/special/开头的.那么如何实现专题栏目生成路径去掉html和special呢?通过修改程序的PHP源 ...