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. 关于IE8兼容svg图片问题解决

    参考 http://www.zhangxinxu.com/wordpress/2013/09/svg-fallbacks/ 对博主表示感谢,详述请参考上述链接 直接把代码复制过来了,备份记录下 < ...

  2. noip2016十连测round3

    A:平均数 题意:有一天,小 A 得到了一个长度为 n 的序列. 他把这个序列的所有连续子序列都列了出来,并对每一个子序列都求了其平均值,然后他把这些平均值写在纸上,并对它们进行排序,最后他报出了第 ...

  3. Python操作Mysql之基本操作

    pymysql python操作mysql依赖pymysql这个模块 下载安装 pip3 install pymysql 操作mysql python操作mysql的时候,是通过”游标”来进行操作的. ...

  4. Java面试之SpringMVC总结以及在面试中的一些问题.

    1.简单的谈一下SpringMVC的工作流程? 流程 1.用户发送请求至前端控制器DispatcherServlet 2.DispatcherServlet收到请求调用HandlerMapping处理 ...

  5. HTTP协议 -- 认清协议常用状态码

    HTTP协议作为web服务的基础,理所应当受到重视,但是周围的同事能够讲清楚HTTP协议的凤毛麟角.既然是基础,就应该早一点掌握,所以近半年(2016-2月——2016年6月),不准备学习新技术了.首 ...

  6. BZOJ4416: [Shoi2013]阶乘字符串

    可以大胆猜想n>21时无解,至于依据,不开O2,1s,n<=21刚好能卡过去= = 并不会证= = #include<cstdio> void up(int& a,in ...

  7. 机器学习中的相似性度量(Similarity Measurement)

    机器学习中的相似性度量(Similarity Measurement) 在做分类时常常需要估算不同样本之间的相似性度量(Similarity Measurement),这时通常采用的方法就是计算样本间 ...

  8. MyBatis源码分析（1）——整体依赖关系图

    后续补充更新

  9. C++11特性：decltype关键字

    decltype简介 我们之前使用的typeid运算符来查询一个变量的类型,这种类型查询在运行时进行.RTTI机制为每一个类型产生一个type_info类型的数据,而typeid查询返回的变量相应ty ...

  10. poj1399 hoj1037 Direct Visibility 题解 （宽搜）

    http://poj.org/problem?id=1399 http://acm.hit.edu.cn/hoj/problem/view?id=1037 题意: 在一个最多200*200的minec ...